*,:after,:before {
margin: 0;
border: 0;
padding: 0;
outline: 0;
box-sizing: border-box
}
html {
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: rgba(0,0,0,0);
height: 100%;
scroll-padding-top: var(--tblr-space-7xl);
overflow-y: scroll;
--font-family-base: var(--tblr-font-family-base);
--font-family-mono: var(--tblr-font-family-mono);
--color-accent: #0054a6;
--color-red: #e03131;
--color-pink: #ea4aaa;
--color-grape: #9c36b5;
--color-violet: #6741d9;
--color-indigo: #3b5bdb;
--color-blue: #1971c2;
--color-cyan: #0c8599;
--color-teal: #099268;
--color-green: #2f9e44;
--color-lime: #66a80f;
--color-yellow: #f08c00;
--color-orange: #e8590c;
--color-white: #fff;
--color-dark: #1d2434;
--color-base: #3b454e;
--color-gray-dark: #1d2434;
--color-gray: #f7f9fc;
--color-gray-light: #fafbfc;
--color-twitter: #1da1f2;
--color-facebook: #1877f2;
--color-github: #181717;
--color-dribbble: #ea4c89;
--bg-gray: var(--color-gray);
--bg-gray-light: var(--color-gray-light);
--bg-base: var(--bg-primary);
--bg-surface: var(--bg-primary);
--bg-secondary: var(--bg-secondary);
--grid-gap: calc(var(--tblr-space-xl) * 0.5);
--tblr-font-family-sans: Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif
}
[data-theme=light],body,html {
color: var(--tblr-color-text-primary)
}
body {
text-rendering: optimizeSpeed;
font-family: var(--tblr-font-family-base);
font-size: var(--tblr-font-size-base);
line-height: var(--tblr-line-height-base);
display: flex;
flex-direction: column;
min-height: 100%;
background: var(--tblr-color-background-primary);
font-feature-settings: "cv03","cv04","cv11";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
touch-action: pan-y;
accent-color: var(--tblr-color-accent)
}
@media(min-width: 960px) {
body {
--grid-gap:var(--tblr-space-xl);
--tblr-font-size-base: var(--tblr-font-size-md)
}
}
@media(prefers-reduced-motion:reduce) {
* {
animation-duration: .01ms;
animation-iteration-count: 1;
transition-duration: .01ms;
scroll-behavior: auto
}
}
.body-gradient {
background: linear-gradient(180deg,#f7f9fc 12%,hsla(0,0%,100%,.08) 99%) repeat-x top/100% 100vh;
background: var(--tblr-color-background-primary) linear-gradient(180deg,var(--tblr-color-background-secondary) 12%,rgba(var(--color-bg-rgb),.08) 99%) repeat-x top center/100% 100vh
}
.scrollbar::-webkit-scrollbar {
width: 16px;
cursor: pointer
}
.scrollbar::-webkit-scrollbar-track {
background: transparent;
border: 3px solid transparent
}
.scrollbar::-webkit-scrollbar-thumb {
background: rgba(59,69,78,.1);
border-radius: 100vh;
background-clip: padding-box;
border: 5px solid transparent;
box-shadow: inset 0 0 15px 15px transparent;
-webkit-transition: box-shadow .5s;
transition: box-shadow .5s
}
.scrollbar::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 15px 15px rgba(59,69,78,.4)
}
.scrollbar:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 15px 15px rgba(59,69,78,.2)
}
.icon_main {
width: 1.0666666667em;
height: 1.0666666667em;
stroke-width: 1.5;
vertical-align: -.2em
}
.icon-md {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
stroke-width: 1
}
.icon-lg {
width: var(--tblr-space-4xl);
height: var(--tblr-space-4xl);
stroke-width: 1
}
.icon-muted {
color: var(--color-muted-light)
}
.icon-shape {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(var(--tblr-color-text-secondary),.1);
color: var(--tblr-color-text-secondary);
border-radius: var(--tblr-radius-full);
vertical-align: bottom
}
.icon-shape .icon_main {
stroke-width: 2;
width: var(--tblr-space-md);
height: var(--tblr-space-md)
}
.icon-shape-accent {
background: rgba(0,84,166,.1);
color: #0054a6
}
.icon-shape-red {
background: rgba(224,49,49,.1);
color: #e03131
}
.icon-shape-pink {
background: rgba(234,74,170,.1);
color: #ea4aaa
}
.icon-shape-grape {
background: rgba(156,54,181,.1);
color: #9c36b5
}
.icon-shape-violet {
background: rgba(103,65,217,.1);
color: #6741d9
}
.icon-shape-indigo {
background: rgba(59,91,219,.1);
color: #3b5bdb
}
.icon-shape-blue {
background: rgba(25,113,194,.1);
color: #1971c2
}
.icon-shape-cyan {
background: rgba(12,133,153,.1);
color: #0c8599
}
.icon-shape-teal {
background: rgba(9,146,104,.1);
color: #099268
}
.icon-shape-green {
background: rgba(47,158,68,.1);
color: #2f9e44
}
.icon-shape-lime {
background: rgba(102,168,15,.1);
color: #66a80f
}
.icon-shape-yellow {
background: rgba(240,140,0,.1);
color: #f08c00
}
.icon-shape-orange {
background: rgba(232,89,12,.1);
color: #e8590c
}
.icon-shape-white {
background: hsla(0,0%,100%,.1);
color: #fff
}
.icon-shape-dark {
background: rgba(29,36,52,.1);
color: #1d2434
}
.icon-shape-square {
border-radius: var(--tblr-radius-lg)
}
.icon-shape-md {
width: 2.75rem;
height: 2.75rem
}
.icon-shape-md .icon_main {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
stroke-width: 1.5
}
.icon-filled {
fill: currentColor
}
.icon-demo-inline svg,.icon-inline {
width: 1.2em;
height: 1.2em;
stroke-width: 2;
stroke: currentColor;
vertical-align: sub
}
.icon-items {
--icon-min-width: 6rem;
display: grid;
grid-gap: var(--grid-gap);
grid-template-columns: repeat(auto-fit,minmax(var(--icon-min-width),1fr))
}
@media(min-width: 768px) {
.icon-items {
--icon-min-width:7rem
}
}
.icon-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: var(--tblr-radius);
text-align: center;
color: inherit;
padding: var(--tblr-space-xs);
min-height: var(--icon-min-width);
text-decoration: none;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
background: var(--tblr-color-background-primary);
transition: border-color .3s;
position: relative;
aspect-ratio: var(--tblr-ratio-square)
}
.icon-item:hover {
border-color: var(--tblr-color-accent);
transition-delay: .3s;
color: inherit
}
.icon-item .icon_main {
width: var(--icon-size,1.5rem);
height: var(--icon-size,1.5rem);
stroke-width: var(--icon-stroke,2);
color: var(--icon-color,currentColor)
}
.icon-item-new-wrap {
position: absolute;
top: var(--tblr-space-xs);
right: var(--tblr-space-xs)
}
.icon-item-new {
width: var(--tblr-space-xs);
height: var(--tblr-space-xs);
background: #e03131;
border-radius: 100%;
display: block
}
.icon-item-text {
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: var(--tblr-color-text-secondary);
font-size: var(--tblr-font-size-h7);
margin-top: var(--tblr-space-md);
margin-bottom: -var(--tblr-space-xs)
}
.icon-item-icon {
display: flex;
width: var(--tblr-space-4xl);
height: var(--tblr-space-4xl);
align-items: center;
justify-content: center
}
.icon-banner {
display: block;
background: var(--tblr-color-background-secondary) no-repeat 0 0/100%;
border-radius: var(--tblr-radius-lg);
transition: var(--tblr-transition-opacity)
}
.icon-banner:hover {
opacity: .8
}
.icons-wizard {
position: sticky;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
top: var(--tblr-space-md);
bottom: var(--tblr-space-md)
}
.icons-header {
scroll-margin: 3.75rem
}
.icon-preview {
border-radius: var(--tblr-radius);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
background: var(--tblr-color-background-primary) url('data:image/svg+xml;charset=UTF-8,') repeat 0 0/4px 4px;
line-height: 1;
background-size: 8px 8px;
width: 12rem;
height: 12rem;
position: relative
}
.icon-preview svg {
width: 100%;
height: 100%;
stroke-width: var(--icon-stroke,2);
color: var(--icon-color,currentColor)
}
@media(min-width: 560px) {
.icon-preview .icon-preview-slider {
display:block
}
.icon-preview:hover .icon-preview-slider {
opacity: 1
}
}
.icon-preview-big {
background-size: 8px 8px;
width: 12rem;
height: 12rem
}
@media(min-width: 768px) {
.icon-preview-big {
background-size:12px 12px;
width: 18rem;
height: 18rem
}
}
@media(min-width: 960px) {
.icon-preview-big {
background-size:16px 16px;
width: 24rem;
height: 24rem
}
}
.icon-preview-slider {
display: none;
background: var(--tblr-color-background-secondary);
padding: var(--tblr-space-md);
position: absolute;
bottom: 0;
left: 0;
right: 0;
line-height: var(--tblr-line-height-base);
opacity: 0;
transition: var(--tblr-transition-opacity)
}
.icon-code-grid {
display: grid;
grid-gap: var(--tblr-space-xl);
gap: var(--tblr-space-xl);
grid-template-areas: "a" "b" "c"
}
.icon-code-grid>:first-child {
grid-area: a
}
.icon-code-grid>:nth-child(2) {
grid-area: b
}
.icon-code-grid>:nth-child(3) {
grid-area: c
}
@media(min-width: 560px) {
.icon-code-grid {
grid-template-columns:auto 1fr;
grid-template-areas: "a b" "c c"
}
}
@media(min-width: 960px) {
.icon-code-grid {
gap:var(--tblr-space-2xl);
grid-template-rows: auto 1fr;
grid-template-columns: auto 1fr;
grid-template-areas: "a b" "a c"
}
}
.icon-demos-grid {
display: grid;
grid-gap: var(--tblr-space-md);
gap: var(--tblr-space-md);
grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i"
}
@media(min-width: 768px) {
.icon-demos-grid {
grid-template-columns:1fr 1fr 1fr 1fr;
grid-template-areas: "a a a a" "b b e e" "g g f f" "c h h h" "d i i i"
}
}
@media(min-width: 960px) {
.icon-demos-grid {
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-areas: "a a a a b b" "a a a a c d" "e e f f g g" "h h h i i i"
}
}
.icon-demos-grid>:first-child {
grid-area: a
}
.icon-demos-grid>:nth-child(2) {
grid-area: b
}
.icon-demos-grid>:nth-child(3) {
grid-area: c
}
.icon-demos-grid>:nth-child(4) {
grid-area: d
}
.icon-demos-grid>:nth-child(5) {
grid-area: e
}
.icon-demos-grid>:nth-child(6) {
grid-area: f
}
.icon-demos-grid>:nth-child(7) {
grid-area: g
}
.icon-demos-grid>:nth-child(8) {
grid-area: h
}
.icon-demos-grid>:nth-child(9) {
grid-area: i
}
.icon-demo {
background: var(--tblr-color-background-secondary);
min-height: 8rem;
border-radius: var(--tblr-radius);
display: flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
line-height: 1;
color: var(--tblr-color-text-secondary);
padding: var(--tblr-space-md);
flex-wrap: wrap;
overflow: hidden
}
@media(min-width: 768px) {
.icon-demo {
padding:var(--tblr-space-2xl)
}
}
.icon-demo-icon {
position: relative;
margin: 0 var(--tblr-space-2xs)
}
.icon-demo-icon .icon-item-new {
top: -var(--tblr-space-2xs);
right: -var(--tblr-space-2xs)
}
@keyframes pulse-keyframes {
0% {
opacity: 1;
transform: scale3d(.8,.8,.8)
}
50% {
transform: scaleX(1);
opacity: 1
}
to {
opacity: 1;
transform: scale3d(.8,.8,.8)
}
}
@keyframes tada-keyframes {
0% {
transform: scaleX(1)
}
10%,5% {
transform: scale3d(.9,.9,.9) rotate(-5deg)
}
15%,25%,35%,45% {
transform: scale3d(1.1,1.1,1.1) rotate(5deg)
}
20%,30%,40% {
transform: scale3d(1.1,1.1,1.1) rotate(-5deg)
}
50% {
transform: scaleX(1)
}
}
.icon-pulse {
animation: pulse-keyframes 2s ease infinite;
animation-fill-mode: both
}
.icon-pulse,.icon-tada {
display: block;
transition: all .15s ease 0s
}
.icon-tada {
animation: tada-keyframes 3s ease infinite;
animation-fill-mode: both
}
.icon-demo-stroke-75 svg {
stroke-width: .75
}
.icon-demo-stroke-100 svg {
stroke-width: 1
}
.icon-demo-stroke-125 svg {
stroke-width: 1.25
}
.icon-demo-stroke-150 svg {
stroke-width: 1.5
}
.icon-demo-stroke-175 svg {
stroke-width: 1.75
}
.icon-demo-stroke-200 svg {
stroke-width: 2
}
.icon-demo-stroke-225 svg {
stroke-width: 2.25
}
.icon-demo-size-4 svg {
width: 4px;
height: 4px
}
.icon-demo-size-8 svg {
width: 8px;
height: 8px
}
.icon-demo-size-12 svg {
width: 12px;
height: 12px
}
.icon-demo-size-16 svg {
width: 16px;
height: 16px
}
.icon-demo-size-20 svg {
width: 20px;
height: 20px
}
.icon-demo-size-24 svg {
width: 24px;
height: 24px
}
.icon-demo-size-28 svg {
width: 28px;
height: 28px
}
.icon-demo-size-32 svg {
width: 32px;
height: 32px
}
.icon-demo-size-36 svg {
width: 36px;
height: 36px
}
.icon-demo-size-40 svg {
width: 40px;
height: 40px
}
.icon-demo-size-44 svg {
width: 44px;
height: 44px
}
.icon-demo-size-48 svg {
width: 48px;
height: 48px
}
.icon-demo-size-52 svg {
width: 52px;
height: 52px
}
.icon-demo-size-56 svg {
width: 56px;
height: 56px
}
.icon-demo-size-60 svg {
width: 60px;
height: 60px
}
.icon-demo-size-64 svg {
width: 64px;
height: 64px
}
.icon-demo-size-68 svg {
width: 68px;
height: 68px
}
.icon-demo-size-72 svg {
width: 72px;
height: 72px
}
.icon-demo-size-76 svg {
width: 76px;
height: 76px
}
.icon-demo-size-80 svg {
width: 80px;
height: 80px
}
.icon-demo-size-84 svg {
width: 84px;
height: 84px
}
.icon-demo-size-88 svg {
width: 88px;
height: 88px
}
.icon-demo-size-92 svg {
width: 92px;
height: 92px
}
.icon-demo-size-96 svg {
width: 96px;
height: 96px
}
.icon-demo-size-100 svg {
width: 100px;
height: 100px
}
.icon-demo-size-104 svg {
width: 104px;
height: 104px
}
.icon-demo-size-108 svg {
width: 108px;
height: 108px
}
.icon-demo-size-112 svg {
width: 112px;
height: 112px
}
.icon-demo-size-116 svg {
width: 116px;
height: 116px
}
.icon-demo-size-120 svg {
width: 120px;
height: 120px
}
.icon-demo-size-124 svg {
width: 124px;
height: 124px
}
.icon-demo-size-128 svg {
width: 128px;
height: 128px
}
.icon-demo-input {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
border-radius: var(--tblr-radius);
background: var(--tblr-color-background-primary);
display: flex;
align-items: center;
padding: var(--tblr-space-xs) var(--tblr-space-md);
color: var(--tblr-color-text-secondary);
min-width: 15rem
}
.icon-demo-input svg {
margin-right: var(--tblr-space-md)
}
.icon-demo-message {
line-height: var(--tblr-line-height-base);
background: var(--tblr-color-background-primary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-radius: var(--tblr-radius)
}
.icon-demo-message,.icon-demo-message-icon {
display: flex;
color: var(--tblr-color-text-secondary)
}
.icon-demo-message-icon {
padding: var(--tblr-space-md);
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
align-items: center
}
.icon-demo-message-icon svg {
width: var(--tblr-space-3xl);
height: var(--tblr-space-3xl)
}
.icon-demo-message-text {
padding: var(--tblr-space-md)
}
.icons-card {
display: block;
color: inherit;
background: var(--tblr-color-background-secondary);
border-radius: var(--tblr-radius);
padding: var(--tblr-space-3xl);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
height: 100%
}
a.icons-card {
position: relative;
transition: var(--tblr-transition-color)
}
a.icons-card .icons-card-layer {
content: "";
position: absolute;
border-radius: inherit;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
padding: var(--tblr-space-3xl);
padding-top: var(--tblr-space-7xl);
color: var(--tblr-color-accent);
background: linear-gradient(to bottom,rgba(var(--color-primary-rgb),50%),rgba(var(--color-primary-rgb),10%) 45%);
font-size: var(--tblr-font-size-h6);
text-transform: uppercase;
font-weight: var(--tblr-font-weight-medium);
opacity: 0;
visibility: hidden;
transition: var(--tblr-transition-opacity),.3s visibility
}
a.icons-card .icons-card-layer svg {
display: inline-block;
margin-right: var(--tblr-space-2xs);
stroke-width: 2;
width: var(--tblr-space-md);
height: var(--tblr-space-md)
}
a.icons-card:hover {
color: var(--tblr-color-accent);
background: rgba(var(--color-primary-rgb),10%)
}
a.icons-card:hover .icons-card-placeholder,a.icons-card:hover .icons-card-title {
color: inherit
}
a.icons-card:hover .icons-card-layer {
opacity: 1;
visibility: visible
}
.icons-card-title {
color: var(--color-muted-light);
font-size: var(--tblr-font-size-h6);
text-transform: uppercase;
margin-bottom: var(--tblr-space-md);
display: block;
letter-spacing: .04em;
transition: color .3s
}
.icons-card-list {
margin: calc(-1*var(--tblr-space-xs));
display: flex;
flex-wrap: wrap
}
.icons-card-icon,.icons-card-placeholder {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
margin: var(--tblr-space-xs);
transition: color .3s;
display: block
}
.icons-card-icon .icon,.icons-card-placeholder .icon_main {
width: 100%;
height: 100%
}
.icons-card-placeholder {
display: inline-flex;
font-size: var(--tblr-font-size-h7);
align-items: center;
justify-content: center;
color: var(--tblr-color-text-secondary)
}
.icon-search {
padding: 0 .75rem;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
border-radius: var(--tblr-radius-lg);
background: var(--tblr-color-background-primary);
position: sticky;
top: 0;
cursor: text;
display: block;
transition: border-color .3s,box-shadow .3s;
box-shadow: 0 4px 56px rgba(27,51,113,.1)
}
.icon-search:focus-within {
box-shadow: 0 0 0 4px var(--tblr-color-accent-tertiary);
border-color: var(--tblr-color-accent-primary)
}
.icon-search:focus-within .icon-search-icon {
color: var(--tblr-color-text-primary)
}
.icon-search-input {
border: 0;
padding: var(--tblr-space-sm) 0;
font: inherit;
width: 100%;
background: transparent;
color: inherit
}
.icon-search-input::-moz-placeholder {
color: var(--tblr-color-text-tertiary)
}
.icon-search-input::placeholder {
color: var(--tblr-color-text-tertiary)
}
.icon-search-select {
border: 0;
padding: var(--tblr-space-sm) 0;
font: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
color: inherit;
cursor: pointer
}
.icon-search-select option {
background: var(--tblr-color-background-primary)
}
.icon-search-icon {
pointer-events: none;
color: var(--tblr-color-text-secondary);
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
stroke-width: 1.5
}
.icon-search-color {
border: 0!important;
padding: 0 0 0 var(--tblr-space-xs)!important
}
.icon-search-section {
position: sticky!important;
z-index: 22;
top: var(--tblr-space-6xl)var(--tblr-space-md)
}
.grid-icons {
grid-template-rows: auto 1fr!important
}
strong {
font-weight: var(--tblr-font-weight-bold)
}
hr {
margin: 3rem 0;
border: 0;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
a {
color: var(--tblr-color-text-link)
}
a,a:hover {
text-decoration: none
}
a:hover {
color: var(--tblr-color-text-link-hovered)
}
.h0,.h1,.h2,.h3,.h4,.h5,.h6,.modal-title,h1,h2,h3,h4,h5,h6 {
display: block;
font-weight: var(--tblr-font-weight-semibold);
color: var(--color-headers,var(--tblr-color-text-headings));
margin-bottom: var(--tblr-space-xs);
line-height: 1.2
}
.h0 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,.modal-title a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
text-decoration: none;
color: inherit
}
.h0 a:hover,.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover,.modal-title a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
text-decoration: underline
}
.h0 {
font-size: var(--tblr-font-size-h1);
line-height: var(--tblr-line-height-h1);
font-weight: var(--tblr-font-weight-black)
}
@media(min-width: 960px) {
.h0 {
font-size:var(--tblr-font-size-h0);
line-height: var(--tblr-line-height-h0)
}
}
.h1,h1 {
font-size: var(--tblr-font-size-h1);
line-height: var(--tblr-line-height-h1)
}
.h2,h2 {
font-size: var(--tblr-font-size-h2);
line-height: var(--tblr-line-height-h2)
}
.h3,.modal-title,h3 {
font-size: var(--tblr-font-size-h3);
line-height: var(--tblr-line-height-h3)
}
.h3,.h4,.modal-title,h3,h4 {
margin-bottom: var(--tblr-space-2xs)
}
.h4,h4 {
font-size: var(--tblr-font-size-h4);
line-height: var(--tblr-line-height-h4)
}
.h5,h5 {
font-size: var(--tblr-font-size-h5);
line-height: var(--tblr-line-height-h5)
}
.h5,.h6,h5,h6 {
margin-bottom: var(--tblr-space-2xs)
}
.h6,h6 {
font-size: var(--tblr-font-size-h6);
line-height: var(--tblr-line-height-h6)
}
.callout-title,.h-subheader_main {
font-size: var(--tblr-font-size-h7);
line-height: var(--tblr-line-height-h7);
margin-bottom: var(--tblr-space-xs);
text-transform: uppercase;
letter-spacing: var(--tblr-letter-spacing-wider);
color: var(--tblr-color-text-secondary);
font-weight: var(--tblr-font-weight-medium)
}
.callout,.highlight,.tip,ol,p,pre,table,ul {
margin-bottom: var(--tblr-space-xl)
}
ol,ul {
margin-left: var(--tblr-space-md);
padding-left: var(--tblr-space-md)
}
img,picture {
max-width: 100%;
display: block
}
img:not([height]),img[width][height],picture:not([height]),picture[width][height] {
height: auto
}
.img {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-radius: var(--tblr-radius);
background: var(--tblr-color-background-primary)
}
.img-fluid {
max-width: 100%
}
button,input,select,textarea {
font: inherit
}
img:not([alt]) {
filter: blur(10px)
}
.text-truncate {
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.link-icon {
display: inline-flex;
color: inherit;
text-decoration: none
}
a.link-icon:hover {
opacity: .8
}
.link-icon svg {
opacity: .5;
vertical-align: bottom;
margin-right: var(--tblr-space-xs);
width: var(--tblr-line-height-base);
height: var(--tblr-line-height-base)
}
.link-text {
color: var(--tblr-color-text-primary);
text-decoration: none;
transition: color .3s
}
.link-text:hover {
text-decoration: none;
color: var(--tblr-color-accent)
}
.link-secondary_main {
color: var(--tblr-color-text-secondary);
text-decoration: none;
transition: color .3s
}
.link-secondary_main.active_main,.link-secondary_main:hover {
text-decoration: none;
color: var(--tblr-color-text-primary)
}
.link-brand {
color: var(--tblr-color-text-tertiary);
text-decoration: none;
transition: color .3s
}
.link-brand:hover {
text-decoration: none;
color: var(--tblr-color-text-secondary)
}
.visually-hidden {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: var(--tblr-space-1);
overflow: hidden;
position: absolute;
white-space: nowrap;
width: var(--tblr-space-1)
}
code {
border-radius: var(--tblr-radius);
background-color: var(--tblr-color-background-secondary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
padding: .125rem var(--tblr-space-2xs);
font-size: 85%;
line-height: 1.25;
color: var(--tblr-color-text-primary);
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
letter-spacing: -.04em;
vertical-align: middle
}
code,pre {
font-family: var(--font-family-mono)
}
pre {
white-space: pre-wrap;
line-height: 1.7142857143;
background: var(--tblr-color-slate-800);
color: #fff;
border-radius: var(--tblr-radius-lg);
padding: var(--tblr-space-md) var(--tblr-space-xl);
font-size: 13px;
word-break: break-word;
-moz-tab-size: 2;
-o-tab-size: 2;
tab-size: 2;
overflow: auto;
max-height: 25rem
}
pre::-webkit-scrollbar {
width: 16px;
cursor: pointer
}
pre::-webkit-scrollbar-track {
background: transparent;
border: 3px solid transparent
}
pre::-webkit-scrollbar-thumb {
background: hsla(0,0%,100%,.1);
border-radius: 100vh;
background-clip: padding-box;
border: 5px solid transparent;
box-shadow: inset 0 0 15px 15px transparent;
-webkit-transition: box-shadow .5s;
transition: box-shadow .5s
}
pre::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 15px 15px hsla(0,0%,100%,.4)
}
pre:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 15px 15px hsla(0,0%,100%,.2)
}
pre code {
background: transparent;
border-radius: 0;
border: none;
font-size: 1em;
display: block;
padding: 0;
color: inherit;
white-space: pre-wrap!important;
line-height: inherit
}
figcaption {
text-align: center;
font-size: var(--tblr-font-size-h6);
margin: var(--tblr-space-xs) 0 0;
color: var(--tblr-color-text-secondary)
}
@keyframes animated-ellipsis-keyframes {
0% {
transform: translateX(-100%)
}
}
.animated-ellipsis {
display: inline-block;
overflow: hidden;
vertical-align: bottom
}
.animated-ellipsis:after {
display: inline-block;
content: "...";
animation: animated-ellipsis-keyframes 1.2s steps(4,jump-none) infinite
}
.steps {
margin-left: var(--tblr-space-md);
padding-left: var(--tblr-space-2xl);
counter-reset: step;
border-left: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
margin-bottom: var(--tblr-space-4xl)
}
.steps h3 {
counter-increment: step
}
.steps h3:not(:first-child) {
margin-top: 3rem!important
}
.steps h3:before {
content: counter(step);
display: inline-block;
position: absolute;
margin-top: -2px;
margin-left: -3rem;
width: var(--tblr-space-2xl);
height: var(--tblr-space-2xl);
text-align: center;
text-indent: -1px;
color: var(--tblr-color-text-secondary);
border-radius: 100%;
border: 4px solid var(--tblr-color-background-primary);
line-height: var(--tblr-space-xl);
font-size: var(--tblr-font-size-h6);
font-weight: 400
}
.callout,.steps h3:before {
background: var(--tblr-color-background-secondary)
}
.callout {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-radius: var(--tblr-radius);
padding: var(--tblr-space-md)
}
.callout>:last-child {
margin-bottom: 0
}
.callout-title {
color: var(--tblr-color-text-secondary)
}
.tip {
line-height: var(--tblr-space-xl)
}
.tip .icon_main {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
margin-right: var(--tblr-space-xs);
vertical-align: bottom
}
.link .link-img {
box-shadow: 0 0 0 1px var(--tblr-stroke-color-primary),0 1px 5px hsla(0,0%,5%,.05),0 0 40px hsla(0,0%,5%,.015);
transition: var(--tblr-transition-transform)
}
.link:hover .link-img {
box-shadow: 0 0 0 1px var(--tblr-stroke-color-primary),0 1px 5px hsla(0,0%,5%,.05),0 0 40px hsla(0,0%,5%,.015),0 20px 25px -5px rgba(0,0,0,.06),0 10px 10px -5px rgba(0,0,0,.04);
transform: scale(1.05)
}
.link-underlined {
text-decoration: underline
}
.link-underlined:hover {
text-decoration: none
}
.options-table {
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
border-radius: var(--tblr-radius);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.options-table-title {
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
padding: var(--tblr-space-md);
background: var(--bg-gray-light)
}
.options-table-title~.options-table-title {
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.options-table-title h3 {
margin: 0!important;
font-size: var(--tblr-font-size-h5)
}
.options-table-title p {
color: var(--tblr-color-text-tertiary);
font-size: var(--tblr-font-size-h6)
}
.options-table-description {
padding: var(--tblr-space-md);
grid-column: span 3/span 3
}
.options-table-description~.options-table-description {
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.codeblock {
position: relative
}
.codeblock pre {
margin-bottom: 0;
max-height: min(100%,25rem)
}
.codeblock-copy {
position: absolute;
top: var(--tblr-space-xs);
right: var(--tblr-space-xs);
z-index: 1
}
.codeblock-copyable pre {
padding-right: var(--tblr-space-5xl)
}
.markdown {
line-height: 1.75
}
.markdown h1,.markdown h2,.markdown h3,.markdown h4 {
margin: var(--tblr-space-2xl) 0 var(--tblr-space-xs)
}
.markdown h1 a,.markdown h2 a,.markdown h3 a,.markdown h4 a {
text-decoration: none
}
.markdown h1 a:hover,.markdown h2 a:hover,.markdown h3 a:hover,.markdown h4 a:hover {
text-decoration: underline
}
.markdown h1 {
margin-bottom: var(--tblr-space-2xl);
font-weight: var(--tblr-font-weight-bold)
}
.markdown h1+.lead {
margin-top: -var(--tblr-space-md)
}
.markdown h2 {
margin-top: var(--tblr-space-5xl)
}
.markdown .callout-title+h1,.markdown .h-subheader_main+h1 {
margin-top: 0
}
.markdown ol li,.markdown ul li {
margin-bottom: var(--tblr-space-2xs)
}
.markdown p,.markdown pre {
margin-bottom: var(--tblr-space-md)
}
.markdown a:hover {
text-decoration: none
}
.markdown .lead {
color: var(--tblr-color-text-secondary);
font-size: var(--tblr-font-size-h4)
}
.markdown>:first-child {
margin-top: 0
}
.markdown>:last-child {
margin-bottom: 0
}
.markdown .contains-task-list {
list-style: none;
padding: 0;
margin-left: 0
}
.markdown table {
border-collapse: collapse;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.markdown figure,.markdown table {
margin-bottom: var(--tblr-space-xl)
}
.markdown td,.markdown th {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
padding: var(--tblr-space-2xs) var(--tblr-space-md)
}
.markdown .guide-image {
float: right;
margin: 0 -10rem var(--tblr-space-xl) 4rem;
display: none
}
@media(min-width: 1280px) {
.markdown .guide-image {
display:block
}
}
.container_main,.container-fluid {
width: 100%;
max-width: var(--tblr-container-xl);
margin: 0 auto;
padding: 0 var(--tblr-space-md)
}
@media(min-width: 960px) {
.container_main,.container-fluid {
padding:0 2rem
}
}
.container-xs {
max-width: var(--tblr-container-xs)
}
.container-sm {
max-width: var(--tblr-container-sm)
}
.container-md {
max-width: var(--tblr-container-md)
}
.container-lg {
max-width: var(--tblr-container-lg)
}
.container-xl {
max-width: var(--tblr-container-xl)
}
.container-2xl_main {
max-width: var(--tblr-container-2xl)
}
.container-fluid {
max-width: 100%
}
@media(min-width: 560px) {
.sm\:container-xs {
max-width:var(--tblr-container-xs)
}
.sm\:container-sm {
max-width: var(--tblr-container-sm)
}
.sm\:container-md {
max-width: var(--tblr-container-md)
}
.sm\:container-lg {
max-width: var(--tblr-container-lg)
}
.sm\:container-xl {
max-width: var(--tblr-container-xl)
}
.sm\:container-2xl {
max-width: var(--tblr-container-2xl)
}
.sm\:container-fluid {
max-width: 100%
}
}
@media(min-width: 768px) {
.md\:container-xs {
max-width:var(--tblr-container-xs)
}
.md\:container-sm {
max-width: var(--tblr-container-sm)
}
.md\:container-md {
max-width: var(--tblr-container-md)
}
.md\:container-lg {
max-width: var(--tblr-container-lg)
}
.md\:container-xl {
max-width: var(--tblr-container-xl)
}
.md\:container-2xl {
max-width: var(--tblr-container-2xl)
}
.md\:container-fluid {
max-width: 100%
}
}
@media(min-width: 960px) {
.lg_main\:container-xs {
max-width:var(--tblr-container-xs)
}
.lg_main\:container-sm {
max-width: var(--tblr-container-sm)
}
.lg_main\:container-md {
max-width: var(--tblr-container-md)
}
.lg_main\:container-lg {
max-width: var(--tblr-container-lg)
}
.lg_main\:container-xl {
max-width: var(--tblr-container-xl)
}
.lg_main\:container-2xl {
max-width: var(--tblr-container-2xl)
}
.lg_main\:container-fluid {
max-width: 100%
}
}
@media(min-width: 1280px) {
.xl_main\:container-xs {
max-width:var(--tblr-container-xs)
}
.xl_main\:container-sm {
max-width: var(--tblr-container-sm)
}
.xl_main\:container-md {
max-width: var(--tblr-container-md)
}
.xl_main\:container-lg {
max-width: var(--tblr-container-lg)
}
.xl_main\:container-xl {
max-width: var(--tblr-container-xl)
}
.xl_main\:container-2xl {
max-width: var(--tblr-container-2xl)
}
.xl_main\:container-fluid {
max-width: 100%
}
}
.row_main {
--gutter-x: var(--tblr-space-xl);
--gutter-y: var(--tblr-space-xl);
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--gutter-y)*-1);
margin-right: calc(var(--gutter-x)/-2);
margin-left: calc(var(--gutter-x)/-2)
!important
}
.row_main>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--gutter-x)/2);
padding-left: calc(var(--gutter-x)/2);
margin-top: var(--gutter-y)
}
.col_main {
flex: 1 0
}
.col-auto_main {
flex: 0 0 auto;
width: auto
}
.col-side {
flex: 0 0 auto;
width: 12rem
}
.col-slim {
flex: 0 0 auto;
width: calc(var(--tblr-container-sm) + var(--gutter-x))
}
.col-narrow {
flex: 0 0 auto;
width: calc(var(--tblr-container-md) + var(--gutter-x))
}
.col-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-3 {
flex: 0 0 auto;
width: 25%
}
.col-4_main {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-6_main {
flex: 0 0 auto;
width: 50%
}
.col-7_main {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-9 {
flex: 0 0 auto;
width: 75%
}
.col-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-12_main {
flex: 0 0 auto;
width: 100%
}
.offset-1 {
margin-left: 8.3333333333%
}
.offset-n1 {
margin-left: -8.3333333333%
}
.offset-2 {
margin-left: 16.6666666667%
}
.offset-n2 {
margin-left: -16.6666666667%
}
.offset-3 {
margin-left: 25%
}
.offset-n3 {
margin-left: -25%
}
.offset-4 {
margin-left: 33.3333333333%
}
.offset-n4 {
margin-left: -33.3333333333%
}
.offset-5 {
margin-left: 41.6666666667%
}
.offset-n5 {
margin-left: -41.6666666667%
}
.offset-6 {
margin-left: 50%
}
.offset-n6 {
margin-left: -50%
}
.offset-7 {
margin-left: 58.3333333333%
}
.offset-n7 {
margin-left: -58.3333333333%
}
.offset-8 {
margin-left: 66.6666666667%
}
.offset-n8 {
margin-left: -66.6666666667%
}
.offset-9 {
margin-left: 75%
}
.offset-n9 {
margin-left: -75%
}
.offset-10 {
margin-left: 83.3333333333%
}
.offset-n10 {
margin-left: -83.3333333333%
}
.offset-11 {
margin-left: 91.6666666667%
}
.offset-n11 {
margin-left: -91.6666666667%
}
.gy {
--gutter-y: var(--tblr-space-xl)
}
.gx {
--gutter-x: var(--tblr-space-xl)
}
.g {
--gutter-y: var(--tblr-space-xl);
--gutter-x: var(--tblr-space-xl)
}
.g-0,.gx-0 {
--gutter-x: 0rem
}
.g-0,.gy-0 {
--gutter-y: 0rem
}
.g-1,.gx-1 {
--gutter-x: var(--tblr-space-2xs)
}
.g-1,.gy-1 {
--gutter-y: var(--tblr-space-2xs)
}
.g-2_main,.gx-2 {
--gutter-x: var(--tblr-space-xs)
}
.g-2_main,.gy-2 {
--gutter-y: var(--tblr-space-xs)
}
.g-3_main,.gx-3 {
--gutter-x: var(--tblr-space-md)
}
.g-3_main,.gy-3 {
--gutter-y: var(--tblr-space-md)
}
.g-4,.gx-4 {
--gutter-x: var(--tblr-space-xl)
}
.g-4,.gy-4 {
--gutter-y: var(--tblr-space-xl)
}
.g-5,.gx-5 {
--gutter-x: var(--tblr-space-2xl)
}
.g-5,.gy-5 {
--gutter-y: var(--tblr-space-2xl)
}
.g-6,.gx-6 {
--gutter-x: var(--tblr-space-5xl)
}
.g-6,.gy-6 {
--gutter-y: var(--tblr-space-5xl)
}
.g-7,.gx-7 {
--gutter-x: 6.5rem
}
.g-7,.gy-7 {
--gutter-y: 6.5rem
}
.g-8,.gx-8 {
--gutter-x: 10.5rem
}
.g-8,.gy-8 {
--gutter-y: 10.5rem
}
@media(min-width: 560px) {
.sm\:col_main {
flex:1 0
}
.sm\:col-auto_main {
flex: 0 0 auto;
width: auto
}
.sm\:col-side {
flex: 0 0 auto;
width: 12rem
}
.sm\:col-slim {
flex: 0 0 auto;
width: calc(var(--tblr-container-sm) + var(--gutter-x))
}
.sm\:col-narrow {
flex: 0 0 auto;
width: calc(var(--tblr-container-md) + var(--gutter-x))
}
.sm\:col-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.sm\:col-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.sm\:col-3 {
flex: 0 0 auto;
width: 25%
}
.sm\:col-4_main {
flex: 0 0 auto;
width: 33.3333333333%
}
.sm\:col-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.sm\:col-6_main {
flex: 0 0 auto;
width: 50%
}
.sm\:col-7_main {
flex: 0 0 auto;
width: 58.3333333333%
}
.sm\:col-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.sm\:col-9 {
flex: 0 0 auto;
width: 75%
}
.sm\:col-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.sm\:col-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.sm\:col-12_main {
flex: 0 0 auto;
width: 100%
}
.sm\:offset-0,.sm\:offset-n0 {
margin-left: 0
}
.sm\:offset-1 {
margin-left: 8.3333333333%
}
.sm\:offset-n1 {
margin-left: -8.3333333333%
}
.sm\:offset-2 {
margin-left: 16.6666666667%
}
.sm\:offset-n2 {
margin-left: -16.6666666667%
}
.sm\:offset-3 {
margin-left: 25%
}
.sm\:offset-n3 {
margin-left: -25%
}
.sm\:offset-4 {
margin-left: 33.3333333333%
}
.sm\:offset-n4 {
margin-left: -33.3333333333%
}
.sm\:offset-5 {
margin-left: 41.6666666667%
}
.sm\:offset-n5 {
margin-left: -41.6666666667%
}
.sm\:offset-6 {
margin-left: 50%
}
.sm\:offset-n6 {
margin-left: -50%
}
.sm\:offset-7 {
margin-left: 58.3333333333%
}
.sm\:offset-n7 {
margin-left: -58.3333333333%
}
.sm\:offset-8 {
margin-left: 66.6666666667%
}
.sm\:offset-n8 {
margin-left: -66.6666666667%
}
.sm\:offset-9 {
margin-left: 75%
}
.sm\:offset-n9 {
margin-left: -75%
}
.sm\:offset-10 {
margin-left: 83.3333333333%
}
.sm\:offset-n10 {
margin-left: -83.3333333333%
}
.sm\:offset-11 {
margin-left: 91.6666666667%
}
.sm\:offset-n11 {
margin-left: -91.6666666667%
}
.sm\:gy {
--gutter-y: var(--tblr-space-xl)
}
.sm\:gx {
--gutter-x: var(--tblr-space-xl)
}
.sm\:g {
--gutter-y: var(--tblr-space-xl);
--gutter-x: var(--tblr-space-xl)
}
.sm\:g-0,.sm\:gx-0 {
--gutter-x: 0rem
}
.sm\:g-0,.sm\:gy-0 {
--gutter-y: 0rem
}
.sm\:g-1,.sm\:gx-1 {
--gutter-x: var(--tblr-space-2xs)
}
.sm\:g-1,.sm\:gy-1 {
--gutter-y: var(--tblr-space-2xs)
}
.sm\:g-2_main,.sm\:gx-2 {
--gutter-x: var(--tblr-space-xs)
}
.sm\:g-2_main,.sm\:gy-2 {
--gutter-y: var(--tblr-space-xs)
}
.sm\:g-3_main,.sm\:gx-3 {
--gutter-x: var(--tblr-space-md)
}
.sm\:g-3_main,.sm\:gy-3 {
--gutter-y: var(--tblr-space-md)
}
.sm\:g-4,.sm\:gx-4 {
--gutter-x: var(--tblr-space-xl)
}
.sm\:g-4,.sm\:gy-4 {
--gutter-y: var(--tblr-space-xl)
}
.sm\:g-5,.sm\:gx-5 {
--gutter-x: var(--tblr-space-2xl)
}
.sm\:g-5,.sm\:gy-5 {
--gutter-y: var(--tblr-space-2xl)
}
.sm\:g-6,.sm\:gx-6 {
--gutter-x: var(--tblr-space-5xl)
}
.sm\:g-6,.sm\:gy-6 {
--gutter-y: var(--tblr-space-5xl)
}
.sm\:g-7,.sm\:gx-7 {
--gutter-x: 6.5rem
}
.sm\:g-7,.sm\:gy-7 {
--gutter-y: 6.5rem
}
.sm\:g-8,.sm\:gx-8 {
--gutter-x: 10.5rem
}
.sm\:g-8,.sm\:gy-8 {
--gutter-y: 10.5rem
}
}
@media(min-width: 768px) {
.md\:col_main {
flex:1 0
}
.md\:col-auto_main {
flex: 0 0 auto;
width: auto
}
.md\:col-side {
flex: 0 0 auto;
width: 12rem
}
.md\:col-slim {
flex: 0 0 auto;
width: calc(var(--tblr-container-sm) + var(--gutter-x))
}
.md\:col-narrow {
flex: 0 0 auto;
width: calc(var(--tblr-container-md) + var(--gutter-x))
}
.md\:col-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.md\:col-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.md\:col-3 {
flex: 0 0 auto;
width: 25%
}
.md\:col-4_main {
flex: 0 0 auto;
width: 33.3333333333%
}
.md\:col-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.md\:col-6_main {
flex: 0 0 auto;
width: 50%
}
.md\:col-7_main {
flex: 0 0 auto;
width: 58.3333333333%
}
.md\:col-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.md\:col-9 {
flex: 0 0 auto;
width: 75%
}
.md\:col-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.md\:col-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.md\:col-12_main {
flex: 0 0 auto;
width: 100%
}
.md\:offset-0,.md\:offset-n0 {
margin-left: 0
}
.md\:offset-1 {
margin-left: 8.3333333333%
}
.md\:offset-n1 {
margin-left: -8.3333333333%
}
.md\:offset-2 {
margin-left: 16.6666666667%
}
.md\:offset-n2 {
margin-left: -16.6666666667%
}
.md\:offset-3 {
margin-left: 25%
}
.md\:offset-n3 {
margin-left: -25%
}
.md\:offset-4 {
margin-left: 33.3333333333%
}
.md\:offset-n4 {
margin-left: -33.3333333333%
}
.md\:offset-5 {
margin-left: 41.6666666667%
}
.md\:offset-n5 {
margin-left: -41.6666666667%
}
.md\:offset-6 {
margin-left: 50%
}
.md\:offset-n6 {
margin-left: -50%
}
.md\:offset-7 {
margin-left: 58.3333333333%
}
.md\:offset-n7 {
margin-left: -58.3333333333%
}
.md\:offset-8 {
margin-left: 66.6666666667%
}
.md\:offset-n8 {
margin-left: -66.6666666667%
}
.md\:offset-9 {
margin-left: 75%
}
.md\:offset-n9 {
margin-left: -75%
}
.md\:offset-10 {
margin-left: 83.3333333333%
}
.md\:offset-n10 {
margin-left: -83.3333333333%
}
.md\:offset-11 {
margin-left: 91.6666666667%
}
.md\:offset-n11 {
margin-left: -91.6666666667%
}
.md\:gy {
--gutter-y: var(--tblr-space-xl)
}
.md\:gx {
--gutter-x: var(--tblr-space-xl)
}
.md\:g {
--gutter-y: var(--tblr-space-xl);
--gutter-x: var(--tblr-space-xl)
}
.md\:g-0,.md\:gx-0 {
--gutter-x: 0rem
}
.md\:g-0,.md\:gy-0 {
--gutter-y: 0rem
}
.md\:g-1,.md\:gx-1 {
--gutter-x: var(--tblr-space-2xs)
}
.md\:g-1,.md\:gy-1 {
--gutter-y: var(--tblr-space-2xs)
}
.md\:g-2_main,.md\:gx-2 {
--gutter-x: var(--tblr-space-xs)
}
.md\:g-2_main,.md\:gy-2 {
--gutter-y: var(--tblr-space-xs)
}
.md\:g-3_main,.md\:gx-3 {
--gutter-x: var(--tblr-space-md)
}
.md\:g-3_main,.md\:gy-3 {
--gutter-y: var(--tblr-space-md)
}
.md\:g-4,.md\:gx-4 {
--gutter-x: var(--tblr-space-xl)
}
.md\:g-4,.md\:gy-4 {
--gutter-y: var(--tblr-space-xl)
}
.md\:g-5,.md\:gx-5 {
--gutter-x: var(--tblr-space-2xl)
}
.md\:g-5,.md\:gy-5 {
--gutter-y: var(--tblr-space-2xl)
}
.md\:g-6,.md\:gx-6 {
--gutter-x: var(--tblr-space-5xl)
}
.md\:g-6,.md\:gy-6 {
--gutter-y: var(--tblr-space-5xl)
}
.md\:g-7,.md\:gx-7 {
--gutter-x: 6.5rem
}
.md\:g-7,.md\:gy-7 {
--gutter-y: 6.5rem
}
.md\:g-8,.md\:gx-8 {
--gutter-x: 10.5rem
}
.md\:g-8,.md\:gy-8 {
--gutter-y: 10.5rem
}
}
@media(min-width: 960px) {
.lg_main\:col_main {
flex:1 0
}
.lg_main\:col-auto_main {
flex: 0 0 auto;
width: auto
}
.lg_main\:col-side {
flex: 0 0 auto;
width: 12rem
}
.lg_main\:col-slim {
flex: 0 0 auto;
width: calc(var(--tblr-container-sm) + var(--gutter-x))
}
.lg_main\:col-narrow {
flex: 0 0 auto;
width: calc(var(--tblr-container-md) + var(--gutter-x))
}
.lg_main\:col-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.lg_main\:col-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.lg_main\:col-3 {
flex: 0 0 auto;
width: 25%
}
.lg_main\:col-4_main {
flex: 0 0 auto;
width: 33.3333333333%
}
.lg_main\:col-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.lg_main\:col-6_main {
flex: 0 0 auto;
width: 50%
}
.lg_main\:col-7_main {
flex: 0 0 auto;
width: 58.3333333333%
}
.lg_main\:col-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.lg_main\:col-9 {
flex: 0 0 auto;
width: 75%
}
.lg_main\:col-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.lg_main\:col-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.lg_main\:col-12_main {
flex: 0 0 auto;
width: 100%
}
.lg_main\:offset-0,.lg_main\:offset-n0 {
margin-left: 0
}
.lg_main\:offset-1 {
margin-left: 8.3333333333%
}
.lg_main\:offset-n1 {
margin-left: -8.3333333333%
}
.lg_main\:offset-2 {
margin-left: 16.6666666667%
}
.lg_main\:offset-n2 {
margin-left: -16.6666666667%
}
.lg_main\:offset-3 {
margin-left: 25%
}
.lg_main\:offset-n3 {
margin-left: -25%
}
.lg_main\:offset-4 {
margin-left: 33.3333333333%
}
.lg_main\:offset-n4 {
margin-left: -33.3333333333%
}
.lg_main\:offset-5 {
margin-left: 41.6666666667%
}
.lg_main\:offset-n5 {
margin-left: -41.6666666667%
}
.lg_main\:offset-6 {
margin-left: 50%
}
.lg_main\:offset-n6 {
margin-left: -50%
}
.lg_main\:offset-7 {
margin-left: 58.3333333333%
}
.lg_main\:offset-n7 {
margin-left: -58.3333333333%
}
.lg_main\:offset-8 {
margin-left: 66.6666666667%
}
.lg_main\:offset-n8 {
margin-left: -66.6666666667%
}
.lg_main\:offset-9 {
margin-left: 75%
}
.lg_main\:offset-n9 {
margin-left: -75%
}
.lg_main\:offset-10 {
margin-left: 83.3333333333%
}
.lg_main\:offset-n10 {
margin-left: -83.3333333333%
}
.lg_main\:offset-11 {
margin-left: 91.6666666667%
}
.lg_main\:offset-n11 {
margin-left: -91.6666666667%
}
.lg_main\:gy {
--gutter-y: var(--tblr-space-xl)
}
.lg_main\:gx {
--gutter-x: var(--tblr-space-xl)
}
.lg_main\:g {
--gutter-y: var(--tblr-space-xl);
--gutter-x: var(--tblr-space-xl)
}
.lg_main\:g-0,.lg_main\:gx-0 {
--gutter-x: 0rem
}
.lg_main\:g-0,.lg_main\:gy-0 {
--gutter-y: 0rem
}
.lg_main\:g-1,.lg_main\:gx-1 {
--gutter-x: var(--tblr-space-2xs)
}
.lg_main\:g-1,.lg_main\:gy-1 {
--gutter-y: var(--tblr-space-2xs)
}
.lg_main\:g-2_main,.lg_main\:gx-2 {
--gutter-x: var(--tblr-space-xs)
}
.lg_main\:g-2_main,.lg_main\:gy-2 {
--gutter-y: var(--tblr-space-xs)
}
.lg_main\:g-3_main,.lg_main\:gx-3 {
--gutter-x: var(--tblr-space-md)
}
.lg_main\:g-3_main,.lg_main\:gy-3 {
--gutter-y: var(--tblr-space-md)
}
.lg_main\:g-4,.lg_main\:gx-4 {
--gutter-x: var(--tblr-space-xl)
}
.lg_main\:g-4,.lg_main\:gy-4 {
--gutter-y: var(--tblr-space-xl)
}
.lg_main\:g-5,.lg_main\:gx-5 {
--gutter-x: var(--tblr-space-2xl)
}
.lg_main\:g-5,.lg_main\:gy-5 {
--gutter-y: var(--tblr-space-2xl)
}
.lg_main\:g-6,.lg_main\:gx-6 {
--gutter-x: var(--tblr-space-5xl)
}
.lg_main\:g-6,.lg_main\:gy-6 {
--gutter-y: var(--tblr-space-5xl)
}
.lg_main\:g-7,.lg_main\:gx-7 {
--gutter-x: 6.5rem
}
.lg_main\:g-7,.lg_main\:gy-7 {
--gutter-y: 6.5rem
}
.lg_main\:g-8,.lg_main\:gx-8 {
--gutter-x: 10.5rem
}
.lg_main\:g-8,.lg_main\:gy-8 {
--gutter-y: 10.5rem
}
}
@media(min-width: 1280px) {
.xl_main\:col_main {
flex:1 0
}
.xl_main\:d-flex_main {
flex: 0 0 auto;
width: auto
}
.xl_main\:col-side {
flex: 0 0 auto;
width: 12rem
}
.xl_main\:col-slim {
flex: 0 0 auto;
width: calc(var(--tblr-container-sm) + var(--gutter-x))
}
.xl_main\:col-narrow {
flex: 0 0 auto;
width: calc(var(--tblr-container-md) + var(--gutter-x))
}
.xl_main\:col-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.xl_main\:col-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.xl_main\:col-3 {
flex: 0 0 auto;
width: 25%
}
.xl_main\:col-4_main {
flex: 0 0 auto;
width: 33.3333333333%
}
.xl_main\:col-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.xl_main\:col-6_main {
flex: 0 0 auto;
width: 50%
}
.xl_main\:col-7_main {
flex: 0 0 auto;
width: 58.3333333333%
}
.xl_main\:col-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.xl_main\:col-9 {
flex: 0 0 auto;
width: 75%
}
.xl_main\:col-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.xl_main\:col-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.xl_main\:col-12_main {
flex: 0 0 auto;
width: 100%
}
.xl_main\:offset-0,.xl_main\:offset-n0 {
margin-left: 0
}
.xl_main\:offset-1 {
margin-left: 8.3333333333%
}
.xl_main\:offset-n1 {
margin-left: -8.3333333333%
}
.xl_main\:offset-2 {
margin-left: 16.6666666667%
}
.xl_main\:offset-n2 {
margin-left: -16.6666666667%
}
.xl_main\:offset-3 {
margin-left: 25%
}
.xl_main\:offset-n3 {
margin-left: -25%
}
.xl_main\:offset-4 {
margin-left: 33.3333333333%
}
.xl_main\:offset-n4 {
margin-left: -33.3333333333%
}
.xl_main\:offset-5 {
margin-left: 41.6666666667%
}
.xl_main\:offset-n5 {
margin-left: -41.6666666667%
}
.xl_main\:offset-6 {
margin-left: 50%
}
.xl_main\:offset-n6 {
margin-left: -50%
}
.xl_main\:offset-7 {
margin-left: 58.3333333333%
}
.xl_main\:offset-n7 {
margin-left: -58.3333333333%
}
.xl_main\:offset-8 {
margin-left: 66.6666666667%
}
.xl_main\:offset-n8 {
margin-left: -66.6666666667%
}
.xl_main\:offset-9 {
margin-left: 75%
}
.xl_main\:offset-n9 {
margin-left: -75%
}
.xl_main\:offset-10 {
margin-left: 83.3333333333%
}
.xl_main\:offset-n10 {
margin-left: -83.3333333333%
}
.xl_main\:offset-11 {
margin-left: 91.6666666667%
}
.xl_main\:offset-n11 {
margin-left: -91.6666666667%
}
.xl_main\:gy {
--gutter-y: var(--tblr-space-xl)
}
.xl_main\:gx {
--gutter-x: var(--tblr-space-xl)
}
.xl_main\:g {
--gutter-y: var(--tblr-space-xl);
--gutter-x: var(--tblr-space-xl)
}
.xl_main\:g-0,.xl_main\:gx-0 {
--gutter-x: 0rem
}
.xl_main\:g-0,.xl_main\:gy-0 {
--gutter-y: 0rem
}
.xl_main\:g-1,.xl_main\:gx-1 {
--gutter-x: var(--tblr-space-2xs)
}
.xl_main\:g-1,.xl_main\:gy-1 {
--gutter-y: var(--tblr-space-2xs)
}
.xl_main\:g-2_main,.xl_main\:gx-2 {
--gutter-x: var(--tblr-space-xs)
}
.xl_main\:g-2_main,.xl_main\:gy-2 {
--gutter-y: var(--tblr-space-xs)
}
.xl_main\:g-3_main,.xl_main\:gx-3 {
--gutter-x: var(--tblr-space-md)
}
.xl_main\:g-3_main,.xl_main\:gy-3 {
--gutter-y: var(--tblr-space-md)
}
.xl_main\:g-4,.xl_main\:gx-4 {
--gutter-x: var(--tblr-space-xl)
}
.xl_main\:g-4,.xl_main\:gy-4 {
--gutter-y: var(--tblr-space-xl)
}
.xl_main\:g-5,.xl_main\:gx-5 {
--gutter-x: var(--tblr-space-2xl)
}
.xl_main\:g-5,.xl_main\:gy-5 {
--gutter-y: var(--tblr-space-2xl)
}
.xl_main\:g-6,.xl_main\:gx-6 {
--gutter-x: var(--tblr-space-5xl)
}
.xl_main\:g-6,.xl_main\:gy-6 {
--gutter-y: var(--tblr-space-5xl)
}
.xl_main\:g-7,.xl_main\:gx-7 {
--gutter-x: 6.5rem
}
.xl_main\:g-7,.xl_main\:gy-7 {
--gutter-y: 6.5rem
}
.xl_main\:g-8,.xl_main\:gx-8 {
--gutter-x: 10.5rem
}
.xl_main\:g-8,.xl_main\:gy-8 {
--gutter-y: 10.5rem
}
}
.row-deck .card {
height: 100%
}
.col-separator {
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
flex: 0 0;
padding: 0
}
.col-ad {
width: 180px
}
.stack {
display: flex;
flex-direction: column;
gap: var(--tblr-space-md)
}
.space-y>*~* {
margin-top: var(--tblr-space-md)!important
}
.space-x>*~* {
margin-left: var(--tblr-space-md)!important
}
.divider-y>:not(:first-child) {
padding-top: var(--tblr-space-md)/2!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y>:not(:last-child) {
padding-bottom: var(--tblr-space-md)/2!important
}
.stack-0 {
gap: 0
}
.space-y-0>*~* {
margin-top: 0!important
}
.space-x-0>*~* {
margin-left: 0!important
}
.divider-y-0>:not(:first-child) {
padding-top: 0!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-0>:not(:last-child) {
padding-bottom: 0!important
}
.stack-1 {
gap: var(--tblr-space-2xs)
}
.space-y-1>*~* {
margin-top: var(--tblr-space-2xs)!important
}
.space-x-1>*~* {
margin-left: var(--tblr-space-2xs)!important
}
.divider-y-1>:not(:first-child) {
padding-top: var(--tblr-space-2xs)/2!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-1>:not(:last-child) {
padding-bottom: var(--tblr-space-2xs)/2!important
}
.stack-2 {
gap: var(--tblr-space-xs)
}
.space-y-2>*~* {
margin-top: var(--tblr-space-xs)!important
}
.space-x-2>*~* {
margin-left: var(--tblr-space-xs)!important
}
.divider-y-2>:not(:first-child) {
padding-top: var(--tblr-space-xs)/2!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-2>:not(:last-child) {
padding-bottom: var(--tblr-space-xs)/2!important
}
.stack-3 {
gap: var(--tblr-space-md)
}
.space-y-3>*~* {
margin-top: var(--tblr-space-md)!important
}
.space-x-3>*~* {
margin-left: var(--tblr-space-md)!important
}
.divider-y-3>:not(:first-child) {
padding-top: var(--tblr-space-md)/2!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-3>:not(:last-child) {
padding-bottom: var(--tblr-space-md)/2!important
}
.stack-4 {
gap: var(--tblr-space-xl)
}
.space-y-4>*~* {
margin-top: var(--tblr-space-xl)!important
}
.space-x-4>*~* {
margin-left: var(--tblr-space-xl)!important
}
.divider-y-4>:not(:first-child) {
padding-top: var(--tblr-space-xl)/2!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-4>:not(:last-child) {
padding-bottom: var(--tblr-space-xl)/2!important
}
.stack-5 {
gap: var(--tblr-space-2xl)
}
.space-y-5>*~* {
margin-top: var(--tblr-space-2xl)!important
}
.space-x-5>*~* {
margin-left: var(--tblr-space-2xl)!important
}
.divider-y-5>:not(:first-child) {
padding-top: var(--tblr-space-2xl)/2!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-5>:not(:last-child) {
padding-bottom: var(--tblr-space-2xl)/2!important
}
.stack-6 {
gap: var(--tblr-space-5xl)
}
.space-y-6>*~* {
margin-top: var(--tblr-space-5xl)!important
}
.space-x-6>*~* {
margin-left: var(--tblr-space-5xl)!important
}
.divider-y-6>:not(:first-child) {
padding-top: var(--tblr-space-5xl)/2!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-6>:not(:last-child) {
padding-bottom: var(--tblr-space-5xl)/2!important
}
.stack-7 {
gap: 6.5rem
}
.space-y-7>*~* {
margin-top: 6.5rem!important
}
.space-x-7>*~* {
margin-left: 6.5rem!important
}
.divider-y-7>:not(:first-child) {
padding-top: 3.25rem!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-7>:not(:last-child) {
padding-bottom: 3.25rem!important
}
.stack-8 {
gap: 10.5rem
}
.space-y-8>*~* {
margin-top: 10.5rem!important
}
.space-x-8>*~* {
margin-left: 10.5rem!important
}
.divider-y-8>:not(:first-child) {
padding-top: 5.25rem!important;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
.divider-y-8>:not(:last-child) {
padding-bottom: 5.25rem!important
}
.grid {
display: grid;
grid-template-rows: repeat(var(--rows,1),1fr);
grid-template-columns: repeat(var(--columns,12),1fr);
grid-gap: var(--gutter-y,var(--tblr-space-xl)) var(--gutter-x,var(--tblr-space-xl));
gap: var(--gutter-y,var(--tblr-space-xl)) var(--gutter-x,var(--tblr-space-xl))
}
.grid .g-col-1 {
grid-column: auto/span 1
}
.grid .g-col-2 {
grid-column: auto/span 2
}
.grid .g-col-3 {
grid-column: auto/span 3
}
.grid .g-col-4 {
grid-column: auto/span 4
}
.grid .g-col-5 {
grid-column: auto/span 5
}
.grid .g-col-6 {
grid-column: auto/span 6
}
.grid .g-col-7_main {
grid-column: auto/span 7
}
.grid .g-col-8 {
grid-column: auto/span 8
}
.grid .g-col-9 {
grid-column: auto/span 9
}
.grid .g-col-10 {
grid-column: auto/span 10
}
.grid .g-col-11 {
grid-column: auto/span 11
}
.grid .g-col-12 {
grid-column: auto/span 12
}
.grid .g-start-1 {
grid-column-start: 1
}
.grid .g-start-2 {
grid-column-start: 2
}
.grid .g-start-3 {
grid-column-start: 3
}
.grid .g-start-4 {
grid-column-start: 4
}
.grid .g-start-5 {
grid-column-start: 5
}
.grid .g-start-6 {
grid-column-start: 6
}
.grid .g-start-7 {
grid-column-start: 7
}
.grid .g-start-8 {
grid-column-start: 8
}
.grid .g-start-9 {
grid-column-start: 9
}
.grid .g-start-10 {
grid-column-start: 10
}
.grid .g-start-11 {
grid-column-start: 11
}
@media(min-width: 560px) {
.grid .sm\:g-col-1 {
grid-column:auto/span 1
}
.grid .sm\:g-col-2 {
grid-column: auto/span 2
}
.grid .sm\:g-col-3 {
grid-column: auto/span 3
}
.grid .sm\:g-col-4 {
grid-column: auto/span 4
}
.grid .sm\:g-col-5 {
grid-column: auto/span 5
}
.grid .sm\:g-col-6 {
grid-column: auto/span 6
}
.grid .sm\:g-col-7 {
grid-column: auto/span 7
}
.grid .sm\:g-col-8 {
grid-column: auto/span 8
}
.grid .sm\:g-col-9 {
grid-column: auto/span 9
}
.grid .sm\:g-col-10 {
grid-column: auto/span 10
}
.grid .sm\:g-col-11 {
grid-column: auto/span 11
}
.grid .sm\:g-col-12 {
grid-column: auto/span 12
}
.grid .sm\:g-start-1 {
grid-column-start: 1
}
.grid .sm\:g-start-2 {
grid-column-start: 2
}
.grid .sm\:g-start-3 {
grid-column-start: 3
}
.grid .sm\:g-start-4 {
grid-column-start: 4
}
.grid .sm\:g-start-5 {
grid-column-start: 5
}
.grid .sm\:g-start-6 {
grid-column-start: 6
}
.grid .sm\:g-start-7 {
grid-column-start: 7
}
.grid .sm\:g-start-8 {
grid-column-start: 8
}
.grid .sm\:g-start-9 {
grid-column-start: 9
}
.grid .sm\:g-start-10 {
grid-column-start: 10
}
.grid .sm\:g-start-11 {
grid-column-start: 11
}
}
@media(min-width: 768px) {
.grid .md\:g-col-1 {
grid-column:auto/span 1
}
.grid .md\:g-col-2 {
grid-column: auto/span 2
}
.grid .md\:g-col-3 {
grid-column: auto/span 3
}
.grid .md\:g-col-4 {
grid-column: auto/span 4
}
.grid .md\:g-col-5 {
grid-column: auto/span 5
}
.grid .md\:g-col-6 {
grid-column: auto/span 6
}
.grid .md\:g-col-7 {
grid-column: auto/span 7
}
.grid .md\:g-col-8 {
grid-column: auto/span 8
}
.grid .md\:g-col-9 {
grid-column: auto/span 9
}
.grid .md\:g-col-10 {
grid-column: auto/span 10
}
.grid .md\:g-col-11 {
grid-column: auto/span 11
}
.grid .md\:g-col-12 {
grid-column: auto/span 12
}
.grid .md\:g-start-1 {
grid-column-start: 1
}
.grid .md\:g-start-2 {
grid-column-start: 2
}
.grid .md\:g-start-3 {
grid-column-start: 3
}
.grid .md\:g-start-4 {
grid-column-start: 4
}
.grid .md\:g-start-5 {
grid-column-start: 5
}
.grid .md\:g-start-6 {
grid-column-start: 6
}
.grid .md\:g-start-7 {
grid-column-start: 7
}
.grid .md\:g-start-8 {
grid-column-start: 8
}
.grid .md\:g-start-9 {
grid-column-start: 9
}
.grid .md\:g-start-10 {
grid-column-start: 10
}
.grid .md\:g-start-11 {
grid-column-start: 11
}
}
@media(min-width: 960px) {
.grid .lg_main\:g-col-1 {
grid-column:auto/span 1
}
.grid .lg_main\:g-col-2 {
grid-column: auto/span 2
}
.grid .lg_main\:g-col-3 {
grid-column: auto/span 3
}
.grid .lg_main\:g-col-4 {
grid-column: auto/span 4
}
.grid .lg_main\:g-col-5 {
grid-column: auto/span 5
}
.grid .lg_main\:g-col-6 {
grid-column: auto/span 6
}
.grid .lg_main\:g-col-7 {
grid-column: auto/span 7
}
.grid .lg_main\:g-col-8 {
grid-column: auto/span 8
}
.grid .lg_main\:g-col-9 {
grid-column: auto/span 9
}
.grid .lg_main\:g-col-10 {
grid-column: auto/span 10
}
.grid .lg_main\:g-col-11 {
grid-column: auto/span 11
}
.grid .lg_main\:g-col-12 {
grid-column: auto/span 12
}
.grid .lg_main\:g-start-1 {
grid-column-start: 1
}
.grid .lg_main\:g-start-2 {
grid-column-start: 2
}
.grid .lg_main\:g-start-3 {
grid-column-start: 3
}
.grid .lg_main\:g-start-4 {
grid-column-start: 4
}
.grid .lg_main\:g-start-5 {
grid-column-start: 5
}
.grid .lg_main\:g-start-6 {
grid-column-start: 6
}
.grid .lg_main\:g-start-7 {
grid-column-start: 7
}
.grid .lg_main\:g-start-8 {
grid-column-start: 8
}
.grid .lg_main\:g-start-9 {
grid-column-start: 9
}
.grid .lg_main\:g-start-10 {
grid-column-start: 10
}
.grid .lg_main\:g-start-11 {
grid-column-start: 11
}
}
@media(min-width: 1280px) {
.grid .xl_main\:g-col-1 {
grid-column:auto/span 1
}
.grid .xl_main\:g-col-2 {
grid-column: auto/span 2
}
.grid .xl_main\:g-col-3 {
grid-column: auto/span 3
}
.grid .xl_main\:g-col-4 {
grid-column: auto/span 4
}
.grid .xl_main\:g-col-5 {
grid-column: auto/span 5
}
.grid .xl_main\:g-col-6 {
grid-column: auto/span 6
}
.grid .xl_main\:g-col-7 {
grid-column: auto/span 7
}
.grid .xl_main\:g-col-8 {
grid-column: auto/span 8
}
.grid .xl_main\:g-col-9 {
grid-column: auto/span 9
}
.grid .xl_main\:g-col-10 {
grid-column: auto/span 10
}
.grid .xl_main\:g-col-11 {
grid-column: auto/span 11
}
.grid .xl_main\:g-col-12 {
grid-column: auto/span 12
}
.grid .xl_main\:g-start-1 {
grid-column-start: 1
}
.grid .xl_main\:g-start-2 {
grid-column-start: 2
}
.grid .xl_main\:g-start-3 {
grid-column-start: 3
}
.grid .xl_main\:g-start-4 {
grid-column-start: 4
}
.grid .xl_main\:g-start-5 {
grid-column-start: 5
}
.grid .xl_main\:g-start-6 {
grid-column-start: 6
}
.grid .xl_main\:g-start-7 {
grid-column-start: 7
}
.grid .xl_main\:g-start-8 {
grid-column-start: 8
}
.grid .xl_main\:g-start-9 {
grid-column-start: 9
}
.grid .xl_main\:g-start-10 {
grid-column-start: 10
}
.grid .xl_main\:g-start-11 {
grid-column-start: 11
}
}
.grid .g-row-auto {
grid-row: auto
}
.grid .g-.text-secondary_main {
grid-column: auto
}
.grid .g-row-span-full {
grid-row: 1/-1
}
.grid .g-row-start-auto {
grid-row-start: auto
}
.grid .g-row-end-auto {
grid-row-end: auto
}
.grid .g-col-span-full {
grid-column: 1/-1
}
.grid .g-col-start-auto {
grid-column-start: auto
}
.grid .g-col-end-auto {
grid-column-end: auto
}
.grid .g-row-span-1 {
grid-row: span 1/span 1
}
.grid .g-row-start-1 {
grid-row-start: 1
}
.grid .g-row-end-1 {
grid-row-end: 1
}
.grid .g-col-span-1 {
grid-column: span 1/span 1
}
.grid .g-col-start-1 {
grid-column-start: 1
}
.grid .g-col-end-1 {
grid-column-end: 1
}
.grid .g-row-span-2 {
grid-row: span 2/span 2
}
.grid .g-row-start-2 {
grid-row-start: 2
}
.grid .g-row-end-2 {
grid-row-end: 2
}
.grid .g-col-span-2 {
grid-column: span 2/span 2
}
.grid .g-col-start-2 {
grid-column-start: 2
}
.grid .g-col-end-2 {
grid-column-end: 2
}
.grid .g-row-span-3 {
grid-row: span 3/span 3
}
.grid .g-row-start-3 {
grid-row-start: 3
}
.grid .g-row-end-3 {
grid-row-end: 3
}
.grid .g-col-span-3 {
grid-column: span 3/span 3
}
.grid .g-col-start-3 {
grid-column-start: 3
}
.grid .g-col-end-3 {
grid-column-end: 3
}
.grid .g-row-span-4 {
grid-row: span 4/span 4
}
.grid .g-row-start-4 {
grid-row-start: 4
}
.grid .g-row-end-4 {
grid-row-end: 4
}
.grid .g-col-span-4 {
grid-column: span 4/span 4
}
.grid .g-col-start-4 {
grid-column-start: 4
}
.grid .g-col-end-4 {
grid-column-end: 4
}
.grid .g-row-span-5 {
grid-row: span 5/span 5
}
.grid .g-row-start-5 {
grid-row-start: 5
}
.grid .g-row-end-5 {
grid-row-end: 5
}
.grid .g-col-span-5 {
grid-column: span 5/span 5
}
.grid .g-col-start-5 {
grid-column-start: 5
}
.grid .g-col-end-5 {
grid-column-end: 5
}
.grid .g-row-span-6 {
grid-row: span 6/span 6
}
.grid .g-row-start-6 {
grid-row-start: 6
}
.grid .g-row-end-6 {
grid-row-end: 6
}
.grid .g-col-span-6 {
grid-column: span 6/span 6
}
.grid .g-col-start-6 {
grid-column-start: 6
}
.grid .g-col-end-6 {
grid-column-end: 6
}
.grid .g-row-span-7 {
grid-row: span 7/span 7
}
.grid .g-row-start-7 {
grid-row-start: 7
}
.grid .g-row-end-7 {
grid-row-end: 7
}
.grid .g-col-span-7 {
grid-column: span 7/span 7
}
.grid .g-col-start-7 {
grid-column-start: 7
}
.grid .g-col-end-7 {
grid-column-end: 7
}
.grid .g-row-span-8 {
grid-row: span 8/span 8
}
.grid .g-row-start-8 {
grid-row-start: 8
}
.grid .g-row-end-8 {
grid-row-end: 8
}
.grid .g-col-span-8 {
grid-column: span 8/span 8
}
.grid .g-col-start-8 {
grid-column-start: 8
}
.grid .g-col-end-8 {
grid-column-end: 8
}
.grid .g-row-span-9 {
grid-row: span 9/span 9
}
.grid .g-row-start-9 {
grid-row-start: 9
}
.grid .g-row-end-9 {
grid-row-end: 9
}
.grid .g-col-span-9 {
grid-column: span 9/span 9
}
.grid .g-col-start-9 {
grid-column-start: 9
}
.grid .g-col-end-9 {
grid-column-end: 9
}
.grid .g-row-span-10 {
grid-row: span 10/span 10
}
.grid .g-row-start-10 {
grid-row-start: 10
}
.grid .g-row-end-10 {
grid-row-end: 10
}
.grid .g-col-span-10 {
grid-column: span 10/span 10
}
.grid .g-col-start-10 {
grid-column-start: 10
}
.grid .g-col-end-10 {
grid-column-end: 10
}
.grid .g-row-span-11 {
grid-row: span 11/span 11
}
.grid .g-row-start-11 {
grid-row-start: 11
}
.grid .g-row-end-11 {
grid-row-end: 11
}
.grid .g-col-span-11 {
grid-column: span 11/span 11
}
.grid .g-col-start-11 {
grid-column-start: 11
}
.grid .g-col-end-11 {
grid-column-end: 11
}
.grid .g-row-span-12 {
grid-row: span 12/span 12
}
.grid .g-row-start-12 {
grid-row-start: 12
}
.grid .g-row-end-12 {
grid-row-end: 12
}
.grid .g-col-span-12 {
grid-column: span 12/span 12
}
.grid .g-col-start-12 {
grid-column-start: 12
}
.grid .g-col-end-12 {
grid-column-end: 12
}
.grid .g-row-span-13 {
grid-row: span 13/span 13
}
.grid .g-row-start-13 {
grid-row-start: 13
}
.grid .g-row-end-13 {
grid-row-end: 13
}
.grid .g-col-span-13 {
grid-column: span 13/span 13
}
.grid .g-col-start-13 {
grid-column-start: 13
}
.grid .g-col-end-13 {
grid-column-end: 13
}
@media(min-width: 560px) {
.grid .sm\:g-row-auto {
grid-row:auto
}
.grid .sm\:g-.text-secondary_main {
grid-column: auto
}
.grid .sm\:g-row-span-full {
grid-row: 1/-1
}
.grid .sm\:g-row-start-auto {
grid-row-start: auto
}
.grid .sm\:g-row-end-auto {
grid-row-end: auto
}
.grid .sm\:g-col-span-full {
grid-column: 1/-1
}
.grid .sm\:g-col-start-auto {
grid-column-start: auto
}
.grid .sm\:g-col-end-auto {
grid-column-end: auto
}
.grid .sm\:g-row-span-1 {
grid-row: span 1/span 1
}
.grid .sm\:g-row-start-1 {
grid-row-start: 1
}
.grid .sm\:g-row-end-1 {
grid-row-end: 1
}
.grid .sm\:g-col-span-1 {
grid-column: span 1/span 1
}
.grid .sm\:g-col-start-1 {
grid-column-start: 1
}
.grid .sm\:g-col-end-1 {
grid-column-end: 1
}
.grid .sm\:g-row-span-2 {
grid-row: span 2/span 2
}
.grid .sm\:g-row-start-2 {
grid-row-start: 2
}
.grid .sm\:g-row-end-2 {
grid-row-end: 2
}
.grid .sm\:g-col-span-2 {
grid-column: span 2/span 2
}
.grid .sm\:g-col-start-2 {
grid-column-start: 2
}
.grid .sm\:g-col-end-2 {
grid-column-end: 2
}
.grid .sm\:g-row-span-3 {
grid-row: span 3/span 3
}
.grid .sm\:g-row-start-3 {
grid-row-start: 3
}
.grid .sm\:g-row-end-3 {
grid-row-end: 3
}
.grid .sm\:g-col-span-3 {
grid-column: span 3/span 3
}
.grid .sm\:g-col-start-3 {
grid-column-start: 3
}
.grid .sm\:g-col-end-3 {
grid-column-end: 3
}
.grid .sm\:g-row-span-4 {
grid-row: span 4/span 4
}
.grid .sm\:g-row-start-4 {
grid-row-start: 4
}
.grid .sm\:g-row-end-4 {
grid-row-end: 4
}
.grid .sm\:g-col-span-4 {
grid-column: span 4/span 4
}
.grid .sm\:g-col-start-4 {
grid-column-start: 4
}
.grid .sm\:g-col-end-4 {
grid-column-end: 4
}
.grid .sm\:g-row-span-5 {
grid-row: span 5/span 5
}
.grid .sm\:g-row-start-5 {
grid-row-start: 5
}
.grid .sm\:g-row-end-5 {
grid-row-end: 5
}
.grid .sm\:g-col-span-5 {
grid-column: span 5/span 5
}
.grid .sm\:g-col-start-5 {
grid-column-start: 5
}
.grid .sm\:g-col-end-5 {
grid-column-end: 5
}
.grid .sm\:g-row-span-6 {
grid-row: span 6/span 6
}
.grid .sm\:g-row-start-6 {
grid-row-start: 6
}
.grid .sm\:g-row-end-6 {
grid-row-end: 6
}
.grid .sm\:g-col-span-6 {
grid-column: span 6/span 6
}
.grid .sm\:g-col-start-6 {
grid-column-start: 6
}
.grid .sm\:g-col-end-6 {
grid-column-end: 6
}
.grid .sm\:g-row-span-7 {
grid-row: span 7/span 7
}
.grid .sm\:g-row-start-7 {
grid-row-start: 7
}
.grid .sm\:g-row-end-7 {
grid-row-end: 7
}
.grid .sm\:g-col-span-7 {
grid-column: span 7/span 7
}
.grid .sm\:g-col-start-7 {
grid-column-start: 7
}
.grid .sm\:g-col-end-7 {
grid-column-end: 7
}
.grid .sm\:g-row-span-8 {
grid-row: span 8/span 8
}
.grid .sm\:g-row-start-8 {
grid-row-start: 8
}
.grid .sm\:g-row-end-8 {
grid-row-end: 8
}
.grid .sm\:g-col-span-8 {
grid-column: span 8/span 8
}
.grid .sm\:g-col-start-8 {
grid-column-start: 8
}
.grid .sm\:g-col-end-8 {
grid-column-end: 8
}
.grid .sm\:g-row-span-9 {
grid-row: span 9/span 9
}
.grid .sm\:g-row-start-9 {
grid-row-start: 9
}
.grid .sm\:g-row-end-9 {
grid-row-end: 9
}
.grid .sm\:g-col-span-9 {
grid-column: span 9/span 9
}
.grid .sm\:g-col-start-9 {
grid-column-start: 9
}
.grid .sm\:g-col-end-9 {
grid-column-end: 9
}
.grid .sm\:g-row-span-10 {
grid-row: span 10/span 10
}
.grid .sm\:g-row-start-10 {
grid-row-start: 10
}
.grid .sm\:g-row-end-10 {
grid-row-end: 10
}
.grid .sm\:g-col-span-10 {
grid-column: span 10/span 10
}
.grid .sm\:g-col-start-10 {
grid-column-start: 10
}
.grid .sm\:g-col-end-10 {
grid-column-end: 10
}
.grid .sm\:g-row-span-11 {
grid-row: span 11/span 11
}
.grid .sm\:g-row-start-11 {
grid-row-start: 11
}
.grid .sm\:g-row-end-11 {
grid-row-end: 11
}
.grid .sm\:g-col-span-11 {
grid-column: span 11/span 11
}
.grid .sm\:g-col-start-11 {
grid-column-start: 11
}
.grid .sm\:g-col-end-11 {
grid-column-end: 11
}
.grid .sm\:g-row-span-12 {
grid-row: span 12/span 12
}
.grid .sm\:g-row-start-12 {
grid-row-start: 12
}
.grid .sm\:g-row-end-12 {
grid-row-end: 12
}
.grid .sm\:g-col-span-12 {
grid-column: span 12/span 12
}
.grid .sm\:g-col-start-12 {
grid-column-start: 12
}
.grid .sm\:g-col-end-12 {
grid-column-end: 12
}
.grid .sm\:g-row-span-13 {
grid-row: span 13/span 13
}
.grid .sm\:g-row-start-13 {
grid-row-start: 13
}
.grid .sm\:g-row-end-13 {
grid-row-end: 13
}
.grid .sm\:g-col-span-13 {
grid-column: span 13/span 13
}
.grid .sm\:g-col-start-13 {
grid-column-start: 13
}
.grid .sm\:g-col-end-13 {
grid-column-end: 13
}
}
@media(min-width: 768px) {
.grid .md\:g-row-auto {
grid-row:auto
}
.grid .md\:g-.text-secondary_main {
grid-column: auto
}
.grid .md\:g-row-span-full {
grid-row: 1/-1
}
.grid .md\:g-row-start-auto {
grid-row-start: auto
}
.grid .md\:g-row-end-auto {
grid-row-end: auto
}
.grid .md\:g-col-span-full {
grid-column: 1/-1
}
.grid .md\:g-col-start-auto {
grid-column-start: auto
}
.grid .md\:g-col-end-auto {
grid-column-end: auto
}
.grid .md\:g-row-span-1 {
grid-row: span 1/span 1
}
.grid .md\:g-row-start-1 {
grid-row-start: 1
}
.grid .md\:g-row-end-1 {
grid-row-end: 1
}
.grid .md\:g-col-span-1 {
grid-column: span 1/span 1
}
.grid .md\:g-col-start-1 {
grid-column-start: 1
}
.grid .md\:g-col-end-1 {
grid-column-end: 1
}
.grid .md\:g-row-span-2 {
grid-row: span 2/span 2
}
.grid .md\:g-row-start-2 {
grid-row-start: 2
}
.grid .md\:g-row-end-2 {
grid-row-end: 2
}
.grid .md\:g-col-span-2 {
grid-column: span 2/span 2
}
.grid .md\:g-col-start-2 {
grid-column-start: 2
}
.grid .md\:g-col-end-2 {
grid-column-end: 2
}
.grid .md\:g-row-span-3 {
grid-row: span 3/span 3
}
.grid .md\:g-row-start-3 {
grid-row-start: 3
}
.grid .md\:g-row-end-3 {
grid-row-end: 3
}
.grid .md\:g-col-span-3 {
grid-column: span 3/span 3
}
.grid .md\:g-col-start-3 {
grid-column-start: 3
}
.grid .md\:g-col-end-3 {
grid-column-end: 3
}
.grid .md\:g-row-span-4 {
grid-row: span 4/span 4
}
.grid .md\:g-row-start-4 {
grid-row-start: 4
}
.grid .md\:g-row-end-4 {
grid-row-end: 4
}
.grid .md\:g-col-span-4 {
grid-column: span 4/span 4
}
.grid .md\:g-col-start-4 {
grid-column-start: 4
}
.grid .md\:g-col-end-4 {
grid-column-end: 4
}
.grid .md\:g-row-span-5 {
grid-row: span 5/span 5
}
.grid .md\:g-row-start-5 {
grid-row-start: 5
}
.grid .md\:g-row-end-5 {
grid-row-end: 5
}
.grid .md\:g-col-span-5 {
grid-column: span 5/span 5
}
.grid .md\:g-col-start-5 {
grid-column-start: 5
}
.grid .md\:g-col-end-5 {
grid-column-end: 5
}
.grid .md\:g-row-span-6 {
grid-row: span 6/span 6
}
.grid .md\:g-row-start-6 {
grid-row-start: 6
}
.grid .md\:g-row-end-6 {
grid-row-end: 6
}
.grid .md\:g-col-span-6 {
grid-column: span 6/span 6
}
.grid .md\:g-col-start-6 {
grid-column-start: 6
}
.grid .md\:g-col-end-6 {
grid-column-end: 6
}
.grid .md\:g-row-span-7 {
grid-row: span 7/span 7
}
.grid .md\:g-row-start-7 {
grid-row-start: 7
}
.grid .md\:g-row-end-7 {
grid-row-end: 7
}
.grid .md\:g-col-span-7 {
grid-column: span 7/span 7
}
.grid .md\:g-col-start-7 {
grid-column-start: 7
}
.grid .md\:g-col-end-7 {
grid-column-end: 7
}
.grid .md\:g-row-span-8 {
grid-row: span 8/span 8
}
.grid .md\:g-row-start-8 {
grid-row-start: 8
}
.grid .md\:g-row-end-8 {
grid-row-end: 8
}
.grid .md\:g-col-span-8 {
grid-column: span 8/span 8
}
.grid .md\:g-col-start-8 {
grid-column-start: 8
}
.grid .md\:g-col-end-8 {
grid-column-end: 8
}
.grid .md\:g-row-span-9 {
grid-row: span 9/span 9
}
.grid .md\:g-row-start-9 {
grid-row-start: 9
}
.grid .md\:g-row-end-9 {
grid-row-end: 9
}
.grid .md\:g-col-span-9 {
grid-column: span 9/span 9
}
.grid .md\:g-col-start-9 {
grid-column-start: 9
}
.grid .md\:g-col-end-9 {
grid-column-end: 9
}
.grid .md\:g-row-span-10 {
grid-row: span 10/span 10
}
.grid .md\:g-row-start-10 {
grid-row-start: 10
}
.grid .md\:g-row-end-10 {
grid-row-end: 10
}
.grid .md\:g-col-span-10 {
grid-column: span 10/span 10
}
.grid .md\:g-col-start-10 {
grid-column-start: 10
}
.grid .md\:g-col-end-10 {
grid-column-end: 10
}
.grid .md\:g-row-span-11 {
grid-row: span 11/span 11
}
.grid .md\:g-row-start-11 {
grid-row-start: 11
}
.grid .md\:g-row-end-11 {
grid-row-end: 11
}
.grid .md\:g-col-span-11 {
grid-column: span 11/span 11
}
.grid .md\:g-col-start-11 {
grid-column-start: 11
}
.grid .md\:g-col-end-11 {
grid-column-end: 11
}
.grid .md\:g-row-span-12 {
grid-row: span 12/span 12
}
.grid .md\:g-row-start-12 {
grid-row-start: 12
}
.grid .md\:g-row-end-12 {
grid-row-end: 12
}
.grid .md\:g-col-span-12 {
grid-column: span 12/span 12
}
.grid .md\:g-col-start-12 {
grid-column-start: 12
}
.grid .md\:g-col-end-12 {
grid-column-end: 12
}
.grid .md\:g-row-span-13 {
grid-row: span 13/span 13
}
.grid .md\:g-row-start-13 {
grid-row-start: 13
}
.grid .md\:g-row-end-13 {
grid-row-end: 13
}
.grid .md\:g-col-span-13 {
grid-column: span 13/span 13
}
.grid .md\:g-col-start-13 {
grid-column-start: 13
}
.grid .md\:g-col-end-13 {
grid-column-end: 13
}
}
@media(min-width: 960px) {
.grid .lg_main\:g-row-auto {
grid-row:auto
}
.grid .lg_main\:g-.text-secondary_main {
grid-column: auto
}
.grid .lg_main\:g-row-span-full {
grid-row: 1/-1
}
.grid .lg_main\:g-row-start-auto {
grid-row-start: auto
}
.grid .lg_main\:g-row-end-auto {
grid-row-end: auto
}
.grid .lg_main\:g-col-span-full {
grid-column: 1/-1
}
.grid .lg_main\:g-col-start-auto {
grid-column-start: auto
}
.grid .lg_main\:g-col-end-auto {
grid-column-end: auto
}
.grid .lg_main\:g-row-span-1 {
grid-row: span 1/span 1
}
.grid .lg_main\:g-row-start-1 {
grid-row-start: 1
}
.grid .lg_main\:g-row-end-1 {
grid-row-end: 1
}
.grid .lg_main\:g-col-span-1 {
grid-column: span 1/span 1
}
.grid .lg_main\:g-col-start-1 {
grid-column-start: 1
}
.grid .lg_main\:g-col-end-1 {
grid-column-end: 1
}
.grid .lg_main\:g-row-span-2 {
grid-row: span 2/span 2
}
.grid .lg_main\:g-row-start-2 {
grid-row-start: 2
}
.grid .lg_main\:g-row-end-2 {
grid-row-end: 2
}
.grid .lg_main\:g-col-span-2 {
grid-column: span 2/span 2
}
.grid .lg_main\:g-col-start-2 {
grid-column-start: 2
}
.grid .lg_main\:g-col-end-2 {
grid-column-end: 2
}
.grid .lg_main\:g-row-span-3 {
grid-row: span 3/span 3
}
.grid .lg_main\:g-row-start-3 {
grid-row-start: 3
}
.grid .lg_main\:g-row-end-3 {
grid-row-end: 3
}
.grid .lg_main\:g-col-span-3 {
grid-column: span 3/span 3
}
.grid .lg_main\:g-col-start-3 {
grid-column-start: 3
}
.grid .lg_main\:g-col-end-3 {
grid-column-end: 3
}
.grid .lg_main\:g-row-span-4 {
grid-row: span 4/span 4
}
.grid .lg_main\:g-row-start-4 {
grid-row-start: 4
}
.grid .lg_main\:g-row-end-4 {
grid-row-end: 4
}
.grid .lg_main\:g-col-span-4 {
grid-column: span 4/span 4
}
.grid .lg_main\:g-col-start-4 {
grid-column-start: 4
}
.grid .lg_main\:g-col-end-4 {
grid-column-end: 4
}
.grid .lg_main\:g-row-span-5 {
grid-row: span 5/span 5
}
.grid .lg_main\:g-row-start-5 {
grid-row-start: 5
}
.grid .lg_main\:g-row-end-5 {
grid-row-end: 5
}
.grid .lg_main\:g-col-span-5 {
grid-column: span 5/span 5
}
.grid .lg_main\:g-col-start-5 {
grid-column-start: 5
}
.grid .lg_main\:g-col-end-5 {
grid-column-end: 5
}
.grid .lg_main\:g-row-span-6 {
grid-row: span 6/span 6
}
.grid .lg_main\:g-row-start-6 {
grid-row-start: 6
}
.grid .lg_main\:g-row-end-6 {
grid-row-end: 6
}
.grid .lg_main\:g-col-span-6 {
grid-column: span 6/span 6
}
.grid .lg_main\:g-col-start-6 {
grid-column-start: 6
}
.grid .lg_main\:g-col-end-6 {
grid-column-end: 6
}
.grid .lg_main\:g-row-span-7 {
grid-row: span 7/span 7
}
.grid .lg_main\:g-row-start-7 {
grid-row-start: 7
}
.grid .lg_main\:g-row-end-7 {
grid-row-end: 7
}
.grid .lg_main\:g-col-span-7 {
grid-column: span 7/span 7
}
.grid .lg_main\:g-col-start-7 {
grid-column-start: 7
}
.grid .lg_main\:g-col-end-7 {
grid-column-end: 7
}
.grid .lg_main\:g-row-span-8 {
grid-row: span 8/span 8
}
.grid .lg_main\:g-row-start-8 {
grid-row-start: 8
}
.grid .lg_main\:g-row-end-8 {
grid-row-end: 8
}
.grid .lg_main\:g-col-span-8 {
grid-column: span 8/span 8
}
.grid .lg_main\:g-col-start-8 {
grid-column-start: 8
}
.grid .lg_main\:g-col-end-8 {
grid-column-end: 8
}
.grid .lg_main\:g-row-span-9 {
grid-row: span 9/span 9
}
.grid .lg_main\:g-row-start-9 {
grid-row-start: 9
}
.grid .lg_main\:g-row-end-9 {
grid-row-end: 9
}
.grid .lg_main\:g-col-span-9 {
grid-column: span 9/span 9
}
.grid .lg_main\:g-col-start-9 {
grid-column-start: 9
}
.grid .lg_main\:g-col-end-9 {
grid-column-end: 9
}
.grid .lg_main\:g-row-span-10 {
grid-row: span 10/span 10
}
.grid .lg_main\:g-row-start-10 {
grid-row-start: 10
}
.grid .lg_main\:g-row-end-10 {
grid-row-end: 10
}
.grid .lg_main\:g-col-span-10 {
grid-column: span 10/span 10
}
.grid .lg_main\:g-col-start-10 {
grid-column-start: 10
}
.grid .lg_main\:g-col-end-10 {
grid-column-end: 10
}
.grid .lg_main\:g-row-span-11 {
grid-row: span 11/span 11
}
.grid .lg_main\:g-row-start-11 {
grid-row-start: 11
}
.grid .lg_main\:g-row-end-11 {
grid-row-end: 11
}
.grid .lg_main\:g-col-span-11 {
grid-column: span 11/span 11
}
.grid .lg_main\:g-col-start-11 {
grid-column-start: 11
}
.grid .lg_main\:g-col-end-11 {
grid-column-end: 11
}
.grid .lg_main\:g-row-span-12 {
grid-row: span 12/span 12
}
.grid .lg_main\:g-row-start-12 {
grid-row-start: 12
}
.grid .lg_main\:g-row-end-12 {
grid-row-end: 12
}
.grid .lg_main\:g-col-span-12 {
grid-column: span 12/span 12
}
.grid .lg_main\:g-col-start-12 {
grid-column-start: 12
}
.grid .lg_main\:g-col-end-12 {
grid-column-end: 12
}
.grid .lg_main\:g-row-span-13 {
grid-row: span 13/span 13
}
.grid .lg_main\:g-row-start-13 {
grid-row-start: 13
}
.grid .lg_main\:g-row-end-13 {
grid-row-end: 13
}
.grid .lg_main\:g-col-span-13 {
grid-column: span 13/span 13
}
.grid .lg_main\:g-col-start-13 {
grid-column-start: 13
}
.grid .lg_main\:g-col-end-13 {
grid-column-end: 13
}
}
@media(min-width: 1280px) {
.grid .xl_main\:g-row-auto {
grid-row:auto
}
.grid .xl_main\:g-.text-secondary_main {
grid-column: auto
}
.grid .xl_main\:g-row-span-full {
grid-row: 1/-1
}
.grid .xl_main\:g-row-start-auto {
grid-row-start: auto
}
.grid .xl_main\:g-row-end-auto {
grid-row-end: auto
}
.grid .xl_main\:g-col-span-full {
grid-column: 1/-1
}
.grid .xl_main\:g-col-start-auto {
grid-column-start: auto
}
.grid .xl_main\:g-col-end-auto {
grid-column-end: auto
}
.grid .xl_main\:g-row-span-1 {
grid-row: span 1/span 1
}
.grid .xl_main\:g-row-start-1 {
grid-row-start: 1
}
.grid .xl_main\:g-row-end-1 {
grid-row-end: 1
}
.grid .xl_main\:g-col-span-1 {
grid-column: span 1/span 1
}
.grid .xl_main\:g-col-start-1 {
grid-column-start: 1
}
.grid .xl_main\:g-col-end-1 {
grid-column-end: 1
}
.grid .xl_main\:g-row-span-2 {
grid-row: span 2/span 2
}
.grid .xl_main\:g-row-start-2 {
grid-row-start: 2
}
.grid .xl_main\:g-row-end-2 {
grid-row-end: 2
}
.grid .xl_main\:g-col-span-2 {
grid-column: span 2/span 2
}
.grid .xl_main\:g-col-start-2 {
grid-column-start: 2
}
.grid .xl_main\:g-col-end-2 {
grid-column-end: 2
}
.grid .xl_main\:g-row-span-3 {
grid-row: span 3/span 3
}
.grid .xl_main\:g-row-start-3 {
grid-row-start: 3
}
.grid .xl_main\:g-row-end-3 {
grid-row-end: 3
}
.grid .xl_main\:g-col-span-3 {
grid-column: span 3/span 3
}
.grid .xl_main\:g-col-start-3 {
grid-column-start: 3
}
.grid .xl_main\:g-col-end-3 {
grid-column-end: 3
}
.grid .xl_main\:g-row-span-4 {
grid-row: span 4/span 4
}
.grid .xl_main\:g-row-start-4 {
grid-row-start: 4
}
.grid .xl_main\:g-row-end-4 {
grid-row-end: 4
}
.grid .xl_main\:g-col-span-4 {
grid-column: span 4/span 4
}
.grid .xl_main\:g-col-start-4 {
grid-column-start: 4
}
.grid .xl_main\:g-col-end-4 {
grid-column-end: 4
}
.grid .xl_main\:g-row-span-5 {
grid-row: span 5/span 5
}
.grid .xl_main\:g-row-start-5 {
grid-row-start: 5
}
.grid .xl_main\:g-row-end-5 {
grid-row-end: 5
}
.grid .xl_main\:g-col-span-5 {
grid-column: span 5/span 5
}
.grid .xl_main\:g-col-start-5 {
grid-column-start: 5
}
.grid .xl_main\:g-col-end-5 {
grid-column-end: 5
}
.grid .xl_main\:g-row-span-6 {
grid-row: span 6/span 6
}
.grid .xl_main\:g-row-start-6 {
grid-row-start: 6
}
.grid .xl_main\:g-row-end-6 {
grid-row-end: 6
}
.grid .xl_main\:g-col-span-6 {
grid-column: span 6/span 6
}
.grid .xl_main\:g-col-start-6 {
grid-column-start: 6
}
.grid .xl_main\:g-col-end-6 {
grid-column-end: 6
}
.grid .xl_main\:g-row-span-7 {
grid-row: span 7/span 7
}
.grid .xl_main\:g-row-start-7 {
grid-row-start: 7
}
.grid .xl_main\:g-row-end-7 {
grid-row-end: 7
}
.grid .xl_main\:g-col-span-7 {
grid-column: span 7/span 7
}
.grid .xl_main\:g-col-start-7 {
grid-column-start: 7
}
.grid .xl_main\:g-col-end-7 {
grid-column-end: 7
}
.grid .xl_main\:g-row-span-8 {
grid-row: span 8/span 8
}
.grid .xl_main\:g-row-start-8 {
grid-row-start: 8
}
.grid .xl_main\:g-row-end-8 {
grid-row-end: 8
}
.grid .xl_main\:g-col-span-8 {
grid-column: span 8/span 8
}
.grid .xl_main\:g-col-start-8 {
grid-column-start: 8
}
.grid .xl_main\:g-col-end-8 {
grid-column-end: 8
}
.grid .xl_main\:g-row-span-9 {
grid-row: span 9/span 9
}
.grid .xl_main\:g-row-start-9 {
grid-row-start: 9
}
.grid .xl_main\:g-row-end-9 {
grid-row-end: 9
}
.grid .xl_main\:g-col-span-9 {
grid-column: span 9/span 9
}
.grid .xl_main\:g-col-start-9 {
grid-column-start: 9
}
.grid .xl_main\:g-col-end-9 {
grid-column-end: 9
}
.grid .xl_main\:g-row-span-10 {
grid-row: span 10/span 10
}
.grid .xl_main\:g-row-start-10 {
grid-row-start: 10
}
.grid .xl_main\:g-row-end-10 {
grid-row-end: 10
}
.grid .xl_main\:g-col-span-10 {
grid-column: span 10/span 10
}
.grid .xl_main\:g-col-start-10 {
grid-column-start: 10
}
.grid .xl_main\:g-col-end-10 {
grid-column-end: 10
}
.grid .xl_main\:g-row-span-11 {
grid-row: span 11/span 11
}
.grid .xl_main\:g-row-start-11 {
grid-row-start: 11
}
.grid .xl_main\:g-row-end-11 {
grid-row-end: 11
}
.grid .xl_main\:g-col-span-11 {
grid-column: span 11/span 11
}
.grid .xl_main\:g-col-start-11 {
grid-column-start: 11
}
.grid .xl_main\:g-col-end-11 {
grid-column-end: 11
}
.grid .xl_main\:g-row-span-12 {
grid-row: span 12/span 12
}
.grid .xl_main\:g-row-start-12 {
grid-row-start: 12
}
.grid .xl_main\:g-row-end-12 {
grid-row-end: 12
}
.grid .xl_main\:g-col-span-12 {
grid-column: span 12/span 12
}
.grid .xl_main\:g-col-start-12 {
grid-column-start: 12
}
.grid .xl_main\:g-col-end-12 {
grid-column-end: 12
}
.grid .xl_main\:g-row-span-13 {
grid-row: span 13/span 13
}
.grid .xl_main\:g-row-start-13 {
grid-row-start: 13
}
.grid .xl_main\:g-row-end-13 {
grid-row-end: 13
}
.grid .xl_main\:g-col-span-13 {
grid-column: span 13/span 13
}
.grid .xl_main\:g-col-start-13 {
grid-column-start: 13
}
.grid .xl_main\:g-col-end-13 {
grid-column-end: 13
}
}
.grid-cols-1 {
grid-template-columns: repeat(1,1fr)
}
.grid-cols-2 {
grid-template-columns: repeat(2,1fr)
}
.grid-cols-3 {
grid-template-columns: repeat(3,1fr)
}
.grid-cols-4 {
grid-template-columns: repeat(4,1fr)
}
.grid-cols-5 {
grid-template-columns: repeat(5,1fr)
}
.grid-cols-6 {
grid-template-columns: repeat(6,1fr)
}
.grid-cols-7 {
grid-template-columns: repeat(7,1fr)
}
.grid-cols-8 {
grid-template-columns: repeat(8,1fr)
}
.grid-cols-9 {
grid-template-columns: repeat(9,1fr)
}
.grid-cols-10 {
grid-template-columns: repeat(10,1fr)
}
.grid-cols-11 {
grid-template-columns: repeat(11,1fr)
}
.grid-cols-12 {
grid-template-columns: repeat(12,1fr)
}
@media(min-width: 560px) {
.sm\:grid-cols-1 {
grid-template-columns:repeat(1,1fr)
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2,1fr)
}
.sm\:grid-cols-3 {
grid-template-columns: repeat(3,1fr)
}
.sm\:grid-cols-4 {
grid-template-columns: repeat(4,1fr)
}
.sm\:grid-cols-5 {
grid-template-columns: repeat(5,1fr)
}
.sm\:grid-cols-6 {
grid-template-columns: repeat(6,1fr)
}
.sm\:grid-cols-7 {
grid-template-columns: repeat(7,1fr)
}
.sm\:grid-cols-8 {
grid-template-columns: repeat(8,1fr)
}
.sm\:grid-cols-9 {
grid-template-columns: repeat(9,1fr)
}
.sm\:grid-cols-10 {
grid-template-columns: repeat(10,1fr)
}
.sm\:grid-cols-11 {
grid-template-columns: repeat(11,1fr)
}
.sm\:grid-cols-12 {
grid-template-columns: repeat(12,1fr)
}
}
@media(min-width: 768px) {
.md\:grid-cols-1 {
grid-template-columns:repeat(1,1fr)
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2,1fr)
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3,1fr)
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4,1fr)
}
.md\:grid-cols-5 {
grid-template-columns: repeat(5,1fr)
}
.md\:grid-cols-6 {
grid-template-columns: repeat(6,1fr)
}
.md\:grid-cols-7 {
grid-template-columns: repeat(7,1fr)
}
.md\:grid-cols-8 {
grid-template-columns: repeat(8,1fr)
}
.md\:grid-cols-9 {
grid-template-columns: repeat(9,1fr)
}
.md\:grid-cols-10 {
grid-template-columns: repeat(10,1fr)
}
.md\:grid-cols-11 {
grid-template-columns: repeat(11,1fr)
}
.md\:grid-cols-12 {
grid-template-columns: repeat(12,1fr)
}
}
@media(min-width: 960px) {
.lg_main\:grid-cols-1 {
grid-template-columns:repeat(1,1fr)
}
.lg_main\:grid-cols-2 {
grid-template-columns: repeat(2,1fr)
}
.lg_main\:grid-cols-3 {
grid-template-columns: repeat(3,1fr)
}
.lg_main\:grid-cols-4 {
grid-template-columns: repeat(4,1fr)
}
.lg_main\:grid-cols-5 {
grid-template-columns: repeat(5,1fr)
}
.lg_main\:grid-cols-6 {
grid-template-columns: repeat(6,1fr)
}
.lg_main\:grid-cols-7 {
grid-template-columns: repeat(7,1fr)
}
.lg_main\:grid-cols-8 {
grid-template-columns: repeat(8,1fr)
}
.lg_main\:grid-cols-9 {
grid-template-columns: repeat(9,1fr)
}
.lg_main\:grid-cols-10 {
grid-template-columns: repeat(10,1fr)
}
.lg_main\:grid-cols-11 {
grid-template-columns: repeat(11,1fr)
}
.lg_main\:grid-cols-12 {
grid-template-columns: repeat(12,1fr)
}
}
@media(min-width: 1280px) {
.xl_main\:grid-cols-1 {
grid-template-columns:repeat(1,1fr)
}
.xl_main\:grid-cols-2 {
grid-template-columns: repeat(2,1fr)
}
.xl_main\:grid-cols-3 {
grid-template-columns: repeat(3,1fr)
}
.xl_main\:grid-cols-4 {
grid-template-columns: repeat(4,1fr)
}
.xl_main\:grid-cols-5 {
grid-template-columns: repeat(5,1fr)
}
.xl_main\:grid-cols-6 {
grid-template-columns: repeat(6,1fr)
}
.xl_main\:grid-cols-7 {
grid-template-columns: repeat(7,1fr)
}
.xl_main\:grid-cols-8 {
grid-template-columns: repeat(8,1fr)
}
.xl_main\:grid-cols-9 {
grid-template-columns: repeat(9,1fr)
}
.xl_main\:grid-cols-10 {
grid-template-columns: repeat(10,1fr)
}
.xl_main\:grid-cols-11 {
grid-template-columns: repeat(11,1fr)
}
.xl_main\:grid-cols-12 {
grid-template-columns: repeat(12,1fr)
}
}
.section {
--section-bg: var(--tblr-color-background-primary);
--section-color: var(--tblr-color-text-primary);
--section-title-color: var(--color-headers);
--section-description-color: var(--tblr-color-text-secondary);
background: var(--section-bg);
color: var(--section-color);
position: relative;
padding: var(--tblr-space-5xl) 0
}
@media(min-width: 960px) {
.section {
padding:6.5rem 0
}
}
.section .container_main {
position: relative;
z-index: 1
}
.section-sm {
padding: var(--tblr-space-5xl) 0
}
.section-white {
--section-bg: var(--tblr-color-background-primary)
}
.section-secondary {
--section-bg: var(--tblr-color-background-secondary)
}
.section-transparent {
--section-bg: transparent
}
.section-dark {
--section-bg: var(--tblr-color-dark-secondary);
--section-color: var(--tblr-color-dark-foreground);
--section-title-color: var(--tblr-color-text-inverted-primary);
--section-description-color: var(--tblr-color-text-inverted-secondary);
--color-muted: var(--tblr-color-text-inverted-secondary);
--color-headers: var(--tblr-color-text-inverted-primary)
}
.section-accent {
--section-bg: var(--tblr-color-accent);
--section-color: var(--color-dark-text);
--section-title-color: var(--color-dark-text);
--section-description-color: var(--color-dark-muted);
--color-muted: var(--section-description-color);
--color-headers: var(--section-title-color)
}
@keyframes move-forever1 {
0% {
transform: translate(85px)
}
to {
transform: translate(-90px)
}
}
@keyframes move-forever2 {
0% {
transform: translate(-90px)
}
to {
transform: translate(85px)
}
}
@keyframes move-forever3 {
0% {
transform: translate(-90px)
}
to {
transform: translate(85px)
}
}
.section-divider {
position: absolute;
bottom: calc(100% - 1px);
pointer-events: none;
height: var(--tblr-space-7xl);
width: 100%;
z-index: 0
}
.section-divider path {
fill: var(--section-bg)
}
.section-divider .wave-1 {
animation: move-forever1 30s linear infinite;
animation-delay: -2s
}
.section-divider .wave-2 {
animation: move-forever2 24s linear infinite;
opacity: .5;
animation-delay: -2s
}
.section-divider .wave-3 {
animation: move-forever3 18s linear infinite;
opacity: .3;
animation-delay: -2s
}
.section-divider-auto {
height: auto
}
.page-header_main,.section-header {
text-align: center;
max-width: 45rem;
margin: 0 auto var(--tblr-space-5xl)
}
.page-header_main {
margin-bottom: 6.5rem
}
.page-title {
font-size: var(--tblr-font-size-h0);
line-height: var(--tblr-line-height-h0);
margin-bottom: var(--tblr-space-md);
font-weight: var(--tblr-font-weight-bold)
}
.section-title {
color: var(--section-title-color);
font-size: var(--tblr-font-size-2xl);
line-height: var(--tblr-line-height-2xl);
font-weight: var(--tblr-font-weight-headings);
text-wrap: balance
}
.section-title-lg {
font-size: var(--tblr-font-size-3xl);
line-height: var(--tblr-line-height-3xl);
font-weight: var(--tblr-font-weight-bold)
}
.page-description,.section-description {
color: var(--section-description-color,inherit);
margin: var(--tblr-space-md) auto 0;
font-weight: 400;
font-size: var(--tblr-font-size-h4)
}
.section-header .page-description,.section-header .section-description {
max-width: var(--tblr-container-sm)
}
.footer_main {
margin-top: auto;
color: var(--tblr-color-text-secondary);
background: var(--tblr-color-background-primary)
}
.content {
display: flex;
flex-direction: column;
min-height: 100vh
}
.header {
height: var(--tblr-space-6xl);
display: flex;
align-items: center;
transition: var(--tblr-transition-color),var(--tblr-transition-shadow);
z-index: 110;
}
.header-docs {
background-color: var(--tblr-color-background-primary);
box-shadow: 0 0 0 1px var(--tblr-stroke-color-primary)
}
.header-sticky {
box-shadow: 0 0 0 1px var(--tblr-stroke-color-primary),0 .375rem 1.25rem calc(-1*var(--tblr-space-2xs)) rgba(59,69,78,.06);
background-color: var(--color-bg-rgb);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px)
}
@supports (color: color-mix(in lch,red,blue)) {
.header-sticky {
background-color:color-mix(in srgb,var(--tblr-color-background-primary),transparent 10%)
}
}
.main_main {
flex: 1 1
}
.side {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 20rem;
background: var(--tblr-color-background-primary);
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.side~.main_main {
margin-left: 20rem
}
.sticky-top {
position: sticky;
top: var(--tblr-space-6xl)var(--tblr-space-md);
z-index: 1
}
.img-overlap-margin {
margin-bottom: -8rem
}
.img-overlap-padding {
padding-top: 8rem
}
.img-gradient {
background-color: var(--tblr-color-background-secondary);
-webkit-mask: url('data:image/svg+xml;charset=utf8,') no-repeat;
mask: url('data:image/svg+xml;charset=utf8,') no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%
}
.img-markdown {
border-radius: var(--tblr-radius-lg);
outline: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)
}
@media(min-width: 1280px) {
.img-markdown {
margin-left:-45px;
margin-right: -45px;
max-width: none
}
}
.banner {
background: linear-gradient(-90deg,#a258c1,#0374bd 47%,#29b9c9);
color: #fff;
padding: var(--tblr-space-xs) 0;
text-align: center;
position: relative;
display: none;
z-index: 100
}
@media(min-width: 960px) {
.banner {
display:block
}
}
@media(max-width: 959.98px) {
.banner {
padding-right:var(--tblr-space-3xl)
}
}
.banner>.container_main {
display: flex;
justify-content: center
}
.banner-link {
font-weight: var(--tblr-font-weight-medium);
color: inherit;
text-decoration: underline;
white-space: nowrap
}
.banner-link:hover {
text-decoration: none;
color: inherit
}
.banner-close {
position: absolute;
cursor: pointer;
top: 0;
right: 0;
opacity: .75;
color: inherit;
height: var(--tblr-space-3xl);
width: var(--tblr-space-3xl);
display: flex;
align-items: center;
justify-content: center;
bottom: 0;
margin: auto;
background: transparent
}
.banner-close:hover {
color: inherit;
opacity: 1
}
.banner-close .icon_main {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl)
}
.navbar_main {
justify-content: center;
display: flex
}
@media(max-width: 959.98px) {
.navbar_main {
position:fixed;
display: block;
background: var(--tblr-color-background-primary);
top: 0;
left: 0;
bottom: 0;
max-width: 80%;
height: 100vh;
padding: 5rem var(--tblr-space-md) var(--tblr-space-md);
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secaondary);
width: 320px;
transform: translateX(-100%);
transition: var(--tblr-transition-transform);
box-shadow: 0 20px 40px 0 rgba(59,69,78,.1),0 0 2px 0 rgba(59,69,78,.06);
z-index: 201
}
.navbar_main.opened {
transform: translateX(0)
}
}
.navbar-backdrop_main {
display: none
}
@media(max-width: 959.98px) {
.navbar-backdrop_main {
position:fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(59,69,78,.4);
z-index: 200;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
align-items: flex-start;
justify-content: center;
flex-direction: column;
height: 100vh
}
.navbar-backdrop_main.opened {
display: flex
}
}
.navbar-menu_main {
justify-content: space-between;
display: flex;
gap: var(--tblr-space-xl);
}
@media(max-width: 959.98px) {
.navbar-menu_main {
flex-direction:column;
gap: 0
}
}
.navbar-toggle_main {
cursor: pointer;
border: 0;
display: flex;
width: var(--tblr-space-2xl);
height: var(--tblr-space-2xl);
border-radius: var(--tblr-radius);
align-items: center;
justify-content: center;
background: transparent;
color: inherit;
position: relative;
z-index: 201
}
@media(min-width: 960px) {
.navbar-toggle_main {
display:none
}
}
.navbar-toggle_main:hover .navbar-burger {
opacity: 1
}
.navbar-toggle_main span {
display: block;
position: absolute;
height: 2px;
width: var(--tblr-space-xl);
background: currentColor;
border-radius: 9px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: .2s ease-in-out
}
.navbar-toggle_main span:first-child {
top: 8px;
left: var(--tblr-space-2xs);
transform-origin: center
}
.navbar-toggle_main span:nth-child(2),.navbar-toggle_main span:nth-child(3) {
top: 16px;
left: var(--tblr-space-2xs);
transform-origin: center
}
.navbar-toggle_main span:nth-child(4) {
top: 24px;
left: var(--tblr-space-2xs);
transform-origin: center
}
.navbar-toggle_main.opened span:first-child,.navbar-toggle_main.opened span:nth-child(4) {
opacity: 0;
top: 15px;
width: 0;
left: 50%
}
.navbar-toggle_main.opened span:nth-child(2) {
transform: rotate(45deg)
}
.navbar-toggle_main.opened span:nth-child(3) {
transform: rotate(-45deg)
}
.navbar-item {
margin: 0;
position: relative
}
@media(max-width: 959.98px) {
.navbar-item {
margin-top:var(--tblr-space-xs)
}
}
.navbar-item-badge {
margin-left: var(--tblr-space-md)
}
@media(min-width: 960px) {
.navbar-item-badge {
position:absolute;
top: 0;
right: -1rem;
transform: rotate(5deg);
margin: 0
}
}
.navbar-link_main {
display: flex;
align-items: center;
color: var(--tblr-color-text-secondary);
padding: calc(var(--tblr-space-xs) - 2px) 0;
transition: var(--tblr-transition-color);
position: relative;
background: transparent;
font: inherit;
cursor: pointer;
border-radius: var(--tblr-radius);
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
text-decoration: none;
}
.navbar-link_main:hover {
color: var(--tblr-color-text-primary)
}
.navbar-link_main:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
border-radius: var(--tblr-radius);
background: var(--tblr-color-accent);
opacity: 0;
transform: scaleX(0);
transition: opacity .5s,transform .5s
}
@media(min-width: 960px) {
.navbar-link_main:after {
content:""
}
}
.navbar-link_main.active_main {
color: var(--tblr-color-accent)
}
.navbar-link_main.active_main:after {
opacity: 1;
transform: scaleX(1)
}
.navbar-btn {
margin-left: var(--tblr-space-md)
}
.navbar-dropdown {
position: relative;
display: flex;
flex-direction: column
}
.navbar-dropdown-menu {
--menu-width: 25rem
}
@media(min-width: 960px) {
.navbar-dropdown-menu {
position:absolute;
top: calc(100% + 1rem);
left: 50%;
background: var(--tblr-color-background-primary);
width: var(--menu-width);
box-shadow: 0 4px 56px rgba(12,20,40,.1),0 0 0 1px rgba(12,20,40,.05);
border-radius: var(--tblr-radius-lg);
margin-left: calc(var(--menu-width)*-.5);
transition: opacity .5s,transform .5s,visibility .5s
}
.navbar-dropdown-menu:after,.navbar-dropdown-menu:before {
content: "";
position: absolute;
top: calc(-1*var(--tblr-space-2xs));
left: calc(50% - .5rem);
background: inherit;
transform: rotate(45deg);
width: var(--tblr-space-md);
height: var(--tblr-space-md);
z-index: 1
}
.navbar-dropdown-menu:after {
z-index: -1;
box-shadow: 0 0 0 1.5px var(--tblr-stroke-color-primary)
}
}
.navbar-dropdown-menu-content {
display: grid;
grid-gap: var(--tblr-space-xl) var(--tblr-space-2xl);
gap: var(--tblr-space-xl) var(--tblr-space-2xl);
grid-template-columns: 1fr
}
@media(min-width: 960px) {
.navbar-dropdown-menu-content {
padding:var(--tblr-space-xl)
}
}
.navbar-dropdown-menu-footer {
padding: var(--tblr-space-xl);
background: var(--tblr-color-background-secondary);
border-radius: 0 0 calc(var(--tblr-radius-lg) + 1px) calc(var(--tblr-radius-lg) + 1px)
}
.navbar-dropdown-menu-link {
color: inherit;
cursor: pointer;
background: transparent;
text-align: left;
border-radius: var(--tblr-radius);
transition: var(--tblr-transition-color);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
@media(min-width: 960px) {
.navbar-dropdown-menu-link {
padding:var(--tblr-space-md);
margin: -var(--tblr-space-md)
}
}
.navbar-dropdown-menu-link:focus-visible,.navbar-dropdown-menu-link:hover {
background: var(--tblr-color-background-secondary)
}
.logo_main {
display: flex;
align-items: center;
background: url(/static/img/logo_light.svg) no-repeat 0/auto 1.5rem;
min-width: 7.5rem;
height: var(--tblr-space-4xl);
margin: 0;
transition: var(--tblr-transition-opacity);
text-decoration: none;
position: relative;
z-index: 199
}
a.logo_main:hover {
opacity: .8
}
.logo_main:after {
content: attr(data-suffix);
position: absolute;
text-transform: uppercase;
color: var(--tblr-color-text-tertiary);
font-weight: var(--tblr-font-weight-medium);
font-size: 11px;
bottom: 0;
line-height: 1;
left: 6rem
}
.logo-square {
width: var(--tblr-space-2xl);
min-width: 0
}
.logo_footer_main {
display: flex;
align-items: center;
background: url(/static/img/logo_light.svg) no-repeat 0/auto 2.5rem;
min-width: 7.5rem;
height: var(--tblr-space-4xl);
margin: 0;
transition: var(--tblr-transition-opacity);
text-decoration: none;
position: relative;
z-index: 199
}
.logo-gray {
background-image: url(/static/img/logo_dark.svg)
}
.logo-white {
background-image: url(/static/img/siRNAseeker_branco.png)
}
.logo-tabler-emails {
background-image: url(/img/logos/emails.svg)
}
.logo-tabler-emails.logo-gray {
background-image: url(/img/logos/emails-gray.svg)
}
.logo-tabler-emails.logo-white {
background-image: url(/img/logos/emails-white.svg)
}
.logo-tabler-components {
background-image: url(/img/logos/components.svg)
}
.logo-tabler-components.logo-gray {
background-image: url(/img/logos/components-gray.svg)
}
.logo-tabler-components.logo-white {
background-image: url(/img/logos/components-white.svg)
}
.logo-tabler-icons {
background-image: url(/img/logos/icons.svg)
}
.logo-tabler-icons.logo-gray {
background-image: url(/img/logos/icons-gray.svg)
}
.logo-tabler-icons.logo-white {
background-image: url(/img/logos/icons-white.svg)
}
.logo-tabler-illustrations {
background-image: url(/img/logos/illustrations.svg)
}
.logo-tabler-illustrations.logo-gray {
background-image: url(/img/logos/illustrations-gray.svg)
}
.logo-tabler-illustrations.logo-white {
background-image: url(/img/logos/illustrations-white.svg)
}
.logo-tabler-docs {
background-image: url(/img/logos/docs.svg)
}
.logo-tabler-docs.logo-gray {
background-image: url(/img/logos/docs-gray.svg)
}
.logo-tabler-docs.logo-white {
background-image: url(/img/logos/docs-white.svg)
}
.logo-tabler-flags {
background-image: url(/img/logos/flags.svg)
}
.logo-tabler-flags.logo-gray {
background-image: url(/img/logos/flags-gray.svg)
}
.logo-tabler-flags.logo-white {
background-image: url(/img/logos/flags-white.svg)
}
.logo-tabler-payments {
background-image: url(/img/logos/payments.svg)
}
.logo-tabler-payments.logo-gray {
background-image: url(/img/logos/payments-gray.svg)
}
.logo-tabler-payments.logo-white {
background-image: url(/img/logos/payments-white.svg)
}
.hero_main {
padding: var(--tblr-space-2xl) 0
}
@media(min-width: 768px) {
.hero_main {
padding:6.5rem 0
}
}
.hero-dark {
background: var(--color-dark);
color: var(--color-white)
}
.hero-subheader_main {
text-transform: uppercase;
color: var(--color-lime);
font-weight: var(--tblr-font-weight-medium);
font-size: var(--tblr-font-size-h7);
margin-bottom: var(--tblr-space-md);
letter-spacing: var(--tblr-letter-spacing-wider)
}
.hero-title_main {
font-size: var(--tblr-font-size-h1);
line-height: var(--tblr-line-height-h1);
font-weight: var(--tblr-font-weight-bold);
letter-spacing: var(--tblr-letter-spacing-tight)
}
@media(min-width: 768px) {
.hero-title_main {
font-size:var(--tblr-font-size-5xl);
line-height: var(--tblr-line-height-5xl)
}
}
.hero-description_main {
color: var(--tblr-color-text-secondary);
font-size: var(--tblr-font-size-h5);
line-height: 1.5;
margin: 0 auto;
max-width: var(--tblr-container-md)
}
@media(min-width: 560px) {
.hero-description_main {
font-size:var(--tblr-font-size-h4)
}
}
@media(min-width: 960px) {
.hero-description_main {
font-size:var(--tblr-font-size-h3)
}
}
.hero-img {
margin: 6.5rem auto;
max-width: 67.5rem;
border-radius: var(--tblr-radius-lg);
position: relative;
z-index: 1;
box-shadow: 0 10px 15px -3px rgba(59,69,78,.1),0 4px 6px -2px rgba(59,69,78,.05)
}
.hero-img img,.hero-img svg {
max-width: 100%;
height: auto;
display: block;
position: relative
}
.hero-img-side {
max-width: 40rem;
margin: 0 auto
}
.hero-img-side img,.hero-img-side svg {
max-width: 100%;
height: auto;
display: block
}
.hero-gradient_main {
background: var(--tblr-color-background-secondary);
box-shadow: 0 0 360px 230px var(--tblr-color-background-secondary)
}
.rklm {
position: relative;
background: var(--tblr-color-background-tertiary);
padding: 15px;
font-size: .8125rem;
line-height: 1.4;
display: flex;
border-radius: var(--tblr-radius-lg);
flex-direction: column
}
.rklm-wrap {
flex: 1 1
}
.rklm-wrap+.rklm-wrap {
margin-top: var(--tblr-space-xl)
}
.carbon-img,.rklm-img {
display: block
}
.carbon-img img,.rklm-img img {
max-width: 100%!important;
border-radius: var(--tblr-radius)
}
.carbon-text,.rklm-text {
color: var(--tblr-color-text-primary);
font-weight: 500
}
.carbon-poweredby,.carbon-text,.rklm-text {
display: block;
margin-top: var(--tblr-space-sm)
}
.carbon-poweredby {
color: var(--tblr-color-text-secondary)
}
.rklm-horizontal {
flex-direction: row
}
.rklm-horizontal .rklm-wrap+.rklm-wrap {
margin-top: 0;
margin-left: var(--tblr-space-2xl)
}
.rklm-horizontal .carbon-text,.rklm-horizontal .rklm-text {
margin-top: 0
}
@keyframes figma-1 {
0%,20%,to {
transform: translateY(0)
}
40%,50% {
transform: translate(100px,-20px)
}
60%,90% {
transform: translate(100px,40px)
}
}
.animation-figma-1 {
animation: figma-1 10s ease-in-out infinite
}
@keyframes figma-2 {
0%,15%,to {
transform: translateY(50px)
}
25%,50% {
transform: translate(-150px,20px)
}
55%,90% {
transform: translate(-100px,-40px)
}
}
.animation-figma-2 {
animation: figma-2 12s ease-in-out -3s infinite
}
@keyframes figma-3 {
0%,10%,to {
transform: translateY(-20px)
}
30%,60% {
transform: translate(100px,100px)
}
80%,90% {
transform: translate(100px,-40px)
}
}
.animation-figma-3 {
animation: figma-3 8s ease-in-out -5s infinite
}
.accordion_main+.accordion_main {
border-top: 1px solid var(--tblr-stroke-color-primary)
}
.accordion_main:first-child .accordion-title_main {
margin-top: 0
}
.accordion-checkbox_main {
display: none
}
.accordion-checkbox_main:checked~.accordion-content_main {
display: block
}
.accordion-title_main {
display: block;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-weight: var(--tblr-font-weight-semibold);
cursor: pointer;
margin: var(--tblr-space-2xl) 0;
font-size: var(--tblr-font-size-h3)
}
.accordion-content_main {
display: none;
padding-bottom: var(--tblr-space-2xl);
color: var(--tblr-color-text-secondary)
}
.avatar {
display: inline-block;
width: var(--tblr-space-2xl);
height: var(--tblr-space-2xl);
background: var(--tblr-stroke-color-secondary) no-repeat center/cover;
border-radius: var(--tblr-radius);
vertical-align: bottom;
box-shadow: var(--tblr-shadow-inset)
}
.avatar-rounded {
border-radius: var(--tblr-radius-full)
}
.avatar-sm {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl)
}
.avatar-lg {
width: var(--tblr-space-4xl);
height: var(--tblr-space-4xl)
}
.avatar-xl {
width: var(--tblr-space-7xl);
height: var(--tblr-space-7xl)
}
.badge_main {
display: inline-flex;
align-items: center;
font-size: var(--tblr-font-size-h6);
text-decoration: none;
color: var(--tblr-color-text-secondary);
background: var(--tblr-color-background-secondary);
line-height: 1;
border-radius: var(--tblr-radius);
font-size: var(--tblr-font-size-h7);
padding: 0 var(--tblr-space-xs);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: var(--tblr-transition-color)
}
.badge_main,.badge_main svg {
height: var(--tblr-space-lg)
}
.badge_main svg {
width: var(--tblr-space-lg);
margin: 0 var(--tblr-space-xs) 0 calc(-1*var(--tblr-space-2xs));
stroke-width: 1.5
}
.badge_main.active_main,a.badge_main:hover {
color: var(--tblr-color-text-primary);
background: var(--tblr-color-background-tertiary)
}
.badge-sm {
height: var(--tblr-space-md);
padding: 0 var(--tblr-space-2xs)
}
.badge-accent {
color: var(--tblr-color-accent);
background-color: var(--tblr-color-accent-quaternary)
}
.badge-accent.badge-important {
background: var(--tblr-color-accent);
color: var(--tblr-color-accent-foreground)
}
.badge-fade {
color: var(--tblr-color-fade);
background-color: var(--tblr-color-fade-quaternary)
}
.badge-fade.badge-important {
background: var(--tblr-color-fade);
color: var(--tblr-color-fade-foreground)
}
.badge-dark {
color: var(--tblr-color-dark);
background-color: var(--tblr-color-dark-quaternary)
}
.badge-dark.badge-important {
background: var(--tblr-color-dark);
color: var(--tblr-color-dark-foreground)
}
.badge-blue {
color: var(--tblr-color-blue);
background-color: var(--tblr-color-blue-quaternary)
}
.badge-blue.badge-important {
background: var(--tblr-color-blue);
color: var(--tblr-color-blue-foreground)
}
.badge-sky {
color: var(--tblr-color-sky);
background-color: var(--tblr-color-sky-quaternary)
}
.badge-sky.badge-important {
background: var(--tblr-color-sky);
color: var(--tblr-color-sky-foreground)
}
.badge-brown {
color: var(--tblr-color-brown);
background-color: var(--tblr-color-brown-quaternary)
}
.badge-brown.badge-important {
background: var(--tblr-color-brown);
color: var(--tblr-color-brown-foreground)
}
.badge-green {
color: var(--tblr-color-green);
background-color: var(--tblr-color-green-quaternary)
}
.badge-green.badge-important {
background: var(--tblr-color-green);
color: var(--tblr-color-green-foreground)
}
.badge-yellow {
color: var(--tblr-color-yellow);
background-color: var(--tblr-color-yellow-quaternary)
}
.badge-yellow.badge-important {
background: var(--tblr-color-yellow);
color: var(--tblr-color-yellow-foreground)
}
.badge-orange {
color: var(--tblr-color-orange);
background-color: var(--tblr-color-orange-quaternary)
}
.badge-orange.badge-important {
background: var(--tblr-color-orange);
color: var(--tblr-color-orange-foreground)
}
.badge-red {
color: var(--tblr-color-red);
background-color: var(--tblr-color-red-quaternary)
}
.badge-red.badge-important {
background: var(--tblr-color-red);
color: var(--tblr-color-red-foreground)
}
.badge-crimson {
color: var(--tblr-color-crimson);
background-color: var(--tblr-color-crimson-quaternary)
}
.badge-crimson.badge-important {
background: var(--tblr-color-crimson);
color: var(--tblr-color-crimson-foreground)
}
.badge-pink {
color: var(--tblr-color-pink);
background-color: var(--tblr-color-pink-quaternary)
}
.badge-pink.badge-important {
background: var(--tblr-color-pink);
color: var(--tblr-color-pink-foreground)
}
.badge-violet {
color: var(--tblr-color-violet);
background-color: var(--tblr-color-violet-quaternary)
}
.badge-violet.badge-important {
background: var(--tblr-color-violet);
color: var(--tblr-color-violet-foreground)
}
.badge-white {
color: var(--tblr-color-white);
background-color: var(--tblr-color-white-quaternary)
}
.badge-white.badge-important {
background: var(--tblr-color-white);
color: var(--tblr-color-white-foreground)
}
.badges-list {
display: inline-flex;
flex-wrap: wrap;
gap: var(--tblr-space-2xs)
}
.badge-outline_main {
background: transparent;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
color: var(--tblr-color-text-secondary)
}
.breadcrumb-list {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
font-size: var(--tblr-font-size-h6)
}
.breadcrumb-item {
color: var(--tblr-color-text-tertiary)
}
.breadcrumb-item:not(:first-child):before {
content: "›";
margin: 0 var(--tblr-space-xs)
}
.breadcrumb-link {
color: var(--tblr-color-text-tertiary)
}
.browser {
--browser-radius: var(--tblr-radius-lg);
border-radius: var(--browser-radius);
box-shadow: 0 0 0 1px var(--tblr-stroke-color-secondary);
background: var(--tblr-color-background-primary)
}
.browser-header {
padding: .5rem 1rem;
background: var(--tblr-color-background-secondary) linear-gradient(to bottom,transparent,rgba(59,69,78,.03));
border-bottom: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-radius: calc(var(--browser-radius) + 1px) calc(var(--browser-radius) + 1px) 0 0
}
.browser-image {
border-radius: 0 0 calc(var(--browser-radius) + 1px) calc(var(--browser-radius) + 1px)
}
.browser-dots {
margin-right: var(--tblr-space-4xl);
display: flex
}
.browser-dot {
margin-right: var(--tblr-space-xs);
width: var(--tblr-space-sm);
min-width: var(--tblr-space-sm);
height: var(--tblr-space-sm);
background: var(--tblr-color-fill-primary);
border-radius: var(--tblr-radius-full);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.browser-dot:first-child {
background: #fb6058
}
.browser-dot:nth-child(2) {
background: #fcbe3b
}
.browser-dot:nth-child(3) {
background: #2ccb4c
}
.browser-input {
flex: 1 1;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
padding: var(--tblr-space-2xs);
color: var(--tblr-color-text-secondary);
font-size: var(--tblr-font-size-xs);
border-radius: var(--tblr-radius);
line-height: var(--tblr-space-md);
cursor: pointer;
box-shadow: var(--tblr-shadow-inset);
background-image: linear-gradient(to bottom,var(--tblr-color-background-primary),var(--tblr-color-background-secondary))
}
.browser-input .icon_main {
color: var(--tblr-color-green);
margin-right: var(--tblr-space-2xs);
display: inline-block
}
.browser-noresize .browser-image img,.browser-noresize .browser-image picture {
max-width: none
}
.btn_main {
--btn-bg: var(--tblr-color-background-primary);
--btn-text-color: var(--tblr-color-text-primary);
--btn-border-color: var(--tblr-stroke-color-primary);
--btn-padding-x: var(--tblr-space-md);
--btn-text-padding-x: 0;
--btn-hover-bg: var(--tblr-color-background-secondary);
--btn-hover-border-color: var(--tblr-stroke-color-hovered);
--btn-focus-color: rgba(59,69,78,.3);
--btn-height: var(--tblr-space-3xl);
--btn-radius: var(--tblr-radius-lg);
--btn-icon-size: var(--tblr-space-md);
--btn-font-size: var(--tblr-font-size-h4);
background: var(--btn-bg);
color: var(--btn-text-color);
border: var(--tblr-stroke-width) solid var(--btn-border-color);
display: inline-flex;
gap: var(--tblr-space-xs);
align-items: center;
justify-content: center;
border-radius: var(--btn-radius);
text-decoration: none;
line-height: 1;
font-weight: var(--tblr-font-weight-medium);
font-size: var(--btn-font-size);
height: var(--btn-height);
min-width: var(--btn-height);
padding: 0 calc(var(--btn-padding-x) - 1px);
box-shadow: 0 10px 15px -3px rgba(0,0,0,.04),0 4px 6px -2px rgba(0,0,0,.02);
-webkit-user-select: none;
-moz-user-select: none;
transition: var(--tblr-transition-opacity),var(--tblr-transition-transform),var(--tblr-transition-color);
cursor: pointer;
white-space: nowrap;
touch-action: manipulation;
user-select: none;
vertical-align: bottom
}
.btn_main.disabled,.btn_main:disabled {
--btn-text-color: var(--tblr-color-text-tertiary);
--btn-bg: #fafbfc;
cursor: not-allowed
}
.btn_main.active_main,.btn_main:active {
--btn-text-color: #fff;
--btn-bg: var(--tblr-color-accent);
--btn-border-color: transparent
}
.btn_main.active_main:hover,.btn_main:active:hover {
--btn-bg: var(--tblr-color-accent-secondary)
}
.btn_main:hover {
--btn-bg: var(--btn-hover-bg);
--btn-border-color: var(--btn-hover-border-color)
}
a.btn_main:hover {
color: var(--btn-hover-color,var(--btn-text-color));
border-color: var(--btn-hover-border-color);
background-color: var(--btn-hover-bg,var(--btn-bg))
}
.btn_main:focus-visible {
box-shadow: 0 0 0 3px var(--btn-focus-color);
outline: none
}
.btn_main .icon_main {
width: var(--btn-icon-size);
height: var(--btn-icon-size);
stroke-width: 2
}
.btn-responsive-text,.btn-text_main {
margin: 0 var(--btn-text-padding-x)
}
.btn-block {
width: 100%
}
.btn-sm {
--btn-height: 1.75rem;
--btn-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-sm);
--btn-font-size: var(--tblr-font-size-h7)
}
.btn-lg {
--btn-height: 3.5rem;
--btn-padding-x: var(--tblr-space-lg);
--btn-icon-size: var(--tblr-space-xl);
--btn-font-size: var(--tblr-font-size-h4);
--btn-text-padding-x: var(--tblr-space-xs);
--btn-radius: var(--tblr-radius-lg);
gap: var(--tblr-space-xs)
}
@media(min-width: 560px) {
.sm\:btn-sm {
--btn-height:1.75rem;
--btn-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-sm);
--btn-font-size: var(--tblr-font-size-h7)
}
.sm\:btn-lg {
--btn-height: 3.5rem;
--btn-padding-x: var(--tblr-space-lg);
--btn-icon-size: var(--tblr-space-xl);
--btn-font-size: var(--tblr-font-size-h4);
--btn-text-padding-x: var(--tblr-space-xs);
--btn-radius: var(--tblr-radius-lg);
gap: var(--tblr-space-xs)
}
}
@media(min-width: 768px) {
.md\:btn-sm {
--btn-height:1.75rem;
--btn-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-sm);
--btn-font-size: var(--tblr-font-size-h7)
}
.md\:btn-lg {
--btn-height: 3.5rem;
--btn-padding-x: var(--tblr-space-lg);
--btn-icon-size: var(--tblr-space-xl);
--btn-font-size: var(--tblr-font-size-h4);
--btn-text-padding-x: var(--tblr-space-xs);
--btn-radius: var(--tblr-radius-lg);
gap: var(--tblr-space-xs)
}
}
@media(min-width: 960px) {
.lg_main\:btn-sm {
--btn-height:1.75rem;
--btn-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-sm);
--btn-font-size: var(--tblr-font-size-h7)
}
.lg_main\:btn-lg {
--btn-height: 3.5rem;
--btn-padding-x: var(--tblr-space-lg);
--btn-icon-size: var(--tblr-space-xl);
--btn-font-size: var(--tblr-font-size-h4);
--btn-text-padding-x: var(--tblr-space-xs);
--btn-radius: var(--tblr-radius-lg);
gap: var(--tblr-space-xs)
}
}
@media(min-width: 1280px) {
.xl_main\:btn-sm {
--btn-height:1.75rem;
--btn-padding-x: var(--tblr-space-xs);
--btn-icon-size: var(--tblr-space-sm);
--btn-font-size: var(--tblr-font-size-h7)
}
.xl_main\:btn-lg {
--btn-height: 3.5rem;
--btn-padding-x: var(--tblr-space-lg);
--btn-icon-size: var(--tblr-space-xl);
--btn-font-size: var(--tblr-font-size-h4);
--btn-text-padding-x: var(--tblr-space-xs);
--btn-radius: var(--tblr-radius-lg);
gap: var(--tblr-space-xs)
}
}
.btn-circle {
border-radius: var(--tblr-radius-full)
}
.btn-ghost_main,.btn-link {
background: transparent;
color: var(--tblr-color-text-secondary);
border-color: transparent;
box-shadow: none
}
.btn-ghost_main svg,.btn-link svg {
stroke-width: 1.5
}
.btn-ghost_main:hover,.btn-link:hover {
color: var(--tblr-color-text-primary);
border-color: transparent!important;
background: transparent!important;
box-shadow: none
}
.btn-link {
padding: 0;
height: auto;
font: inherit;
color: var(--tblr-color-text-link);
font-weight: inherit;
-webkit-user-select: auto;
-moz-user-select: auto;
user-select: auto
}
.btn-outline {
border-color: var(--btn-color);
color: var(--btn-color);
background: transparent
}
.btn-accent_main {
--btn-color: var(--color-accent);
--btn-color-darken: var(--color-accent-darken);
--btn-bg: var(--color-accent);
--btn-text-color: #fff;
--btn-border-color: var(--color-accent);
--btn-hover-bg: var(--tblr-color-accent-secondary)
}
.btn-accent_main.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-red {
--btn-color: var(--color-red);
--btn-color-darken: var(--color-red-darken);
--btn-bg: var(--color-red);
--btn-text-color: #fff;
--btn-border-color: var(--color-red);
--btn-hover-bg: var(--tblr-color-red-secondary)
}
.btn-red.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-pink {
--btn-color: var(--color-pink);
--btn-color-darken: var(--color-pink-darken);
--btn-bg: var(--color-pink);
--btn-text-color: #fff;
--btn-border-color: var(--color-pink);
--btn-hover-bg: var(--tblr-color-pink-secondary)
}
.btn-pink.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-grape {
--btn-color: var(--color-grape);
--btn-color-darken: var(--color-grape-darken);
--btn-bg: var(--color-grape);
--btn-text-color: #fff;
--btn-border-color: var(--color-grape);
--btn-hover-bg: var(--tblr-color-grape-secondary)
}
.btn-grape.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-violet {
--btn-color: var(--color-violet);
--btn-color-darken: var(--color-violet-darken);
--btn-bg: var(--color-violet);
--btn-text-color: #fff;
--btn-border-color: var(--color-violet);
--btn-hover-bg: var(--tblr-color-violet-secondary)
}
.btn-violet.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-indigo {
--btn-color: var(--color-indigo);
--btn-color-darken: var(--color-indigo-darken);
--btn-bg: var(--color-indigo);
--btn-text-color: #fff;
--btn-border-color: var(--color-indigo);
--btn-hover-bg: var(--tblr-color-indigo-secondary)
}
.btn-indigo.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-blue {
--btn-color: var(--color-blue);
--btn-color-darken: var(--color-blue-darken);
--btn-bg: var(--color-blue);
--btn-text-color: #fff;
--btn-border-color: var(--color-blue);
--btn-hover-bg: var(--tblr-color-blue-secondary)
}
.btn-blue.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-cyan {
--btn-color: var(--color-cyan);
--btn-color-darken: var(--color-cyan-darken);
--btn-bg: var(--color-cyan);
--btn-text-color: #fff;
--btn-border-color: var(--color-cyan);
--btn-hover-bg: var(--tblr-color-cyan-secondary)
}
.btn-cyan.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-teal {
--btn-color: var(--color-teal);
--btn-color-darken: var(--color-teal-darken);
--btn-bg: var(--color-teal);
--btn-text-color: #fff;
--btn-border-color: var(--color-teal);
--btn-hover-bg: var(--tblr-color-teal-secondary)
}
.btn-teal.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-green {
--btn-color: var(--color-green);
--btn-color-darken: var(--color-green-darken);
--btn-bg: var(--color-green);
--btn-text-color: #fff;
--btn-border-color: var(--color-green);
--btn-hover-bg: var(--tblr-color-green-secondary)
}
.btn-green.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-lime {
--btn-color: var(--color-lime);
--btn-color-darken: var(--color-lime-darken);
--btn-bg: var(--color-lime);
--btn-text-color: #fff;
--btn-border-color: var(--color-lime);
--btn-hover-bg: var(--tblr-color-lime-secondary)
}
.btn-lime.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-yellow {
--btn-color: var(--color-yellow);
--btn-color-darken: var(--color-yellow-darken);
--btn-bg: var(--color-yellow);
--btn-text-color: #fff;
--btn-border-color: var(--color-yellow);
--btn-hover-bg: var(--tblr-color-yellow-secondary)
}
.btn-yellow.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-orange {
--btn-color: var(--color-orange);
--btn-color-darken: var(--color-orange-darken);
--btn-bg: var(--color-orange);
--btn-text-color: #fff;
--btn-border-color: var(--color-orange);
--btn-hover-bg: var(--tblr-color-orange-secondary)
}
.btn-orange.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-white {
--btn-color: var(--color-white);
--btn-color-darken: var(--color-white-darken);
--btn-bg: var(--color-white);
--btn-text-color: #3b454e;
--btn-border-color: var(--color-white);
--btn-hover-bg: var(--tblr-color-white-secondary)
}
.btn-white.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-dark {
--btn-color: var(--color-dark);
--btn-color-darken: var(--color-dark-darken);
--btn-bg: var(--color-dark);
--btn-text-color: #fff;
--btn-border-color: var(--color-dark);
--btn-hover-bg: var(--tblr-color-dark-secondary)
}
.btn-dark.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-base {
--btn-color: var(--color-base);
--btn-color-darken: var(--color-base-darken);
--btn-bg: var(--color-base);
--btn-text-color: #fff;
--btn-border-color: var(--color-base);
--btn-hover-bg: var(--tblr-color-base-secondary)
}
.btn-base.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-gray-dark {
--btn-color: var(--color-gray-dark);
--btn-color-darken: var(--color-gray-dark-darken);
--btn-bg: var(--color-gray-dark);
--btn-text-color: #fff;
--btn-border-color: var(--color-gray-dark);
--btn-hover-bg: var(--tblr-color-gray-dark-secondary)
}
.btn-gray-dark.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-gray {
--btn-color: var(--color-gray);
--btn-color-darken: var(--color-gray-darken);
--btn-bg: var(--color-gray);
--btn-text-color: #3b454e;
--btn-border-color: var(--color-gray);
--btn-hover-bg: var(--tblr-color-gray-secondary)
}
.btn-gray.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-gray-light {
--btn-color: var(--color-gray-light);
--btn-color-darken: var(--color-gray-light-darken);
--btn-bg: var(--color-gray-light);
--btn-text-color: #3b454e;
--btn-border-color: var(--color-gray-light);
--btn-hover-bg: var(--tblr-color-gray-light-secondary)
}
.btn-gray-light.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-twitter {
--btn-color: var(--color-twitter);
--btn-color-darken: var(--color-twitter-darken);
--btn-bg: var(--color-twitter);
--btn-text-color: #fff;
--btn-border-color: var(--color-twitter);
--btn-hover-bg: var(--tblr-color-twitter-secondary)
}
.btn-twitter.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-facebook {
--btn-color: var(--color-facebook);
--btn-color-darken: var(--color-facebook-darken);
--btn-bg: var(--color-facebook);
--btn-text-color: #fff;
--btn-border-color: var(--color-facebook);
--btn-hover-bg: var(--tblr-color-facebook-secondary)
}
.btn-facebook.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-github {
--btn-color: var(--color-github);
--btn-color-darken: var(--color-github-darken);
--btn-bg: var(--color-github);
--btn-text-color: #fff;
--btn-border-color: var(--color-github);
--btn-hover-bg: var(--tblr-color-github-secondary)
}
.btn-github.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-dribbble {
--btn-color: var(--color-dribbble);
--btn-color-darken: var(--color-dribbble-darken);
--btn-bg: var(--color-dribbble);
--btn-text-color: #fff;
--btn-border-color: var(--color-dribbble);
--btn-hover-bg: var(--tblr-color-dribbble-secondary)
}
.btn-dribbble.disabled {
--btn-bg: var(--tblr-color-text-secondary);
--btn-text-color: #fff;
--btn-border-color: var(--tblr-color-text-secondary)
}
.btn-white {
--btn-bg: var(--tblr-color-white);
--btn-text-color: var(--tblr-color-dark-primary);
--btn-border-color: var(--tblr-stroke-color-primary);
--btn-hover-bg: var(--tblr-color-white-tertiary)
}
.btn-list {
--btn-list-margin: var(--tblr-space-xs);
display: flex;
flex-wrap: wrap;
margin: 0 calc(var(--btn-list-margin)*-1) calc(var(--btn-list-margin)*-1) 0
}
.btn-list>* {
margin: 0 var(--btn-list-margin) var(--btn-list-margin) 0
}
@media(max-width: 559.98px) {
.btn-responsive-sm .icon_main {
margin-left:calc(-1*var(--tblr-space-xs));
margin-right: calc(-1*var(--tblr-space-xs))
}
.btn-responsive-sm .btn-responsive-text {
display: none
}
}
@media(max-width: 767.98px) {
.btn-responsive-md .icon_main {
margin-left:calc(-1*var(--tblr-space-xs));
margin-right: calc(-1*var(--tblr-space-xs))
}
.btn-responsive-md .btn-responsive-text {
display: none
}
}
@media(max-width: 959.98px) {
.btn-responsive-lg .icon_main {
margin-left:calc(-1*var(--tblr-space-xs));
margin-right: calc(-1*var(--tblr-space-xs))
}
.btn-responsive-lg .btn-responsive-text {
display: none
}
}
@media(max-width: 1279.98px) {
.btn-responsive-xl .icon_main {
margin-left:calc(-1*var(--tblr-space-xs));
margin-right: calc(-1*var(--tblr-space-xs))
}
.btn-responsive-xl .btn-responsive-text {
display: none
}
}
.btn-action {
background: transparent;
border-color: transparent;
box-shadow: none
}
.btn-action:hover {
cursor: pointer;
background-color: var(--tblr-color-background-secondary)
}
.blank {
margin: 8rem 0;
text-align: center
}
.blank-icon {
line-height: 1
}
.blank-icon svg {
stroke-width: 1.25;
width: var(--tblr-space-5xl);
height: var(--tblr-space-5xl)
}
.card {
display: flex;
flex-direction: column;
background: var(--tblr-color-background-primary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-radius: var(--tblr-radius-lg);
color: inherit;
transition: var(--tblr-transition-color)
}
a.card:hover {
color: inherit;
border-color: var(--tblr-stroke-color-primary);
background-color: #fafbfc
}
.card-image {
border-top-left-radius: calc(var(--tblr-radius-lg) - 2px);
border-top-right-radius: calc(var(--tblr-radius-lg) - 2px);
overflow: hidden
}
.card-body {
padding: var(--tblr-space-xl);
flex: 1 1
}
.card-title {
font-weight: var(--tblr-font-weight-bold)
}
.card-icon {
color: var(--tblr-color-accent);
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
stroke-width: 1.5
}
.cards {
margin: var(--tblr-space-xl) 0;
display: grid;
grid-gap: var(--tblr-space-xl);
gap: var(--tblr-space-xl);
grid-template-columns: repeat(auto-fill,minmax(270px,1fr))
}
.card-chevron {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
color: var(--tblr-color-text-tertiary);
transition: var(--tblr-transition-transform)
}
.card-chevron .icon_main {
width: var(--tblr-space-2xl);
height: var(--tblr-space-2xl);
stroke-width: 1
}
.card:hover .card-chevron {
transform: translateX(var(--tblr-space-2xs));
color: var(--color-headers)
}
.card:hover .card-chevron-left {
transform: translateX(calc(-1 * var(--tblr-space-2xs)))
}
.aside-menu {
display: flex;
flex-direction: column;
gap: var(--tblr-space-xs)
}
.aside-menu-link,.aside-menu-title {
color: inherit;
display: block;
padding: var(--tblr-space-2xs) var(--tblr-space-xs);
margin: 0 -var(--tblr-space-xs)
}
.aside-menu-link.active_main,.aside-menu-title.active_main {
font-weight: var(--tblr-font-weight-medium);
color: var(--color-headers)
}
.aside-menu-link:hover {
background: rgba(var(--color-primary-rgb),.04);
color: var(--tblr-color-accent)
}
.aside-menu-children {
padding-left: var(--tblr-space-xl);
display: flex;
flex-direction: column;
gap: var(--tblr-space-xs);
position: relative
}
.aside-menu-children:after {
content: "";
position: absolute;
top: var(--tblr-space-xs);
bottom: var(--tblr-space-xs);
border-left: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
left: var(--tblr-space-xs)
}
.col-docs-side {
font-size: var(--tblr-font-size-h6);
z-index: 1;
flex-direction: column;
display: none
}
@media(max-width: 959.98px) {
.col-docs-side {
max-height:60vh
}
.col-docs-side.visible {
display: flex
}
.col-docs-side .docs-menu {
padding: 0;
margin: var(--tblr-space-md) 0
}
}
@media(min-width: 960px) {
.col-docs-side {
display:flex;
background: var(--tblr-color-background-secondary);
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
position: sticky;
top: calc(var(--tblr-space-6xl) + 1px);
height: calc(100vh - var(--tblr-space-6xl));
width: 16rem
}
.col-docs-side:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50vw;
z-index: -1;
background: inherit
}
.col-docs-mobile-menu {
display: none
}
}
.docs-side-toc {
width: 15rem;
position: sticky;
top: calc(var(--tblr-space-6xl) + 1px);
height: calc(100vh - var(--tblr-space-6xl));
display: none
}
@media(min-width: 1280px) {
.docs-side-toc {
display:block
}
}
.docs-menu,.docs-menu-group,.docs-menu-submenu {
display: flex;
flex-direction: column
}
.docs-menu {
gap: var(--tblr-space-md);
margin: 0;
padding: var(--tblr-space-2xl) 0;
overflow-y: auto;
max-height: 100%
}
.docs-menu-item {
cursor: pointer;
color: var(--tblr-color-text-secondary);
padding: var(--tblr-space-2xs) var(--tblr-space-md);
border-left: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
display: block;
transition: border-color .5s,color .5s
}
.docs-menu-item:hover {
color: var(--tblr-color-text-headings);
border-left-color: var(--tblr-color-text-headings)
}
.docs-menu-item.active_main {
color: var(--tblr-color-accent);
border-left-color: var(--tblr-color-accent)
}
.docs-menu-header {
font-weight: var(--tblr-font-weight-medium);
color: var(--tblr-color-text-headings);
display: flex;
align-items: center;
margin-bottom: var(--tblr-space-xs)
}
.docs-menu-header-toggle {
margin-left: auto;
cursor: pointer;
display: flex;
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
align-items: center;
justify-content: center;
border-radius: var(--tblr-radius);
transition: var(--tblr-transition-color)
}
.docs-menu-header-toggle:hover {
background: var(--tblr-color-background-secondary)
}
.docs-menu-icon {
background: #e5e7eb;
border-radius: var(--tblr-radius);
display: flex;
align-items: center;
justify-content: center;
width: var(--tblr-space-2xl);
height: var(--tblr-space-2xl);
margin-right: var(--tblr-space-md)
}
.docs-menu-icon .icon_main {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
stroke-width: 1.5
}
div.example iframe.example-frame {
min-height: 7rem!important
}
.example {
background: #e5e7eb;
border-radius: var(--tblr-radius)
}
.example-frame {
display: block;
width: 100%;
background: var(--tblr-color-background-secondary);
min-height: 12rem;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
margin: var(--tblr-space-2xl) 0;
border-radius: var(--tblr-radius)
}
.example-frame-resizable {
resize: horizontal;
max-width: 100%;
min-width: 20rem
}
.example-code {
margin: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.component {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
background: var(--tblr-color-background-primary);
display: flex;
flex-direction: column;
border-radius: var(--tblr-radius)
}
.component-fullheight {
height: 100vh
}
.component-fullheight,.component-fullscreen {
border: 0;
border-radius: 0
}
.component-title {
margin: 0
}
.component-header {
border-bottom: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
padding: var(--tblr-space-md)
}
.list-inline-dots_main {
display: inline-flex;
flex-wrap: wrap
}
.list-inline-dots_main>*+:before {
content: "·";
color: var(--tblr-color-text-secondary)
}
.list-inline-dots_main>*+:before,.list-inline-dots_main>:not(:last-child) {
margin-right: var(--tblr-space-xs)
}
.list-unstyled_main {
list-style: none;
margin: 0;
padding: 0
}
.list-separated_main>*+* {
margin-top: var(--tblr-space-xs)
}
@keyframes loader {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.loader {
display: block;
width: var(--tblr-space-4xl);
height: var(--tblr-space-4xl);
margin: 0 auto;
border-radius: var(--tblr-radius-full);
border: 2px solid transparent;
border-top: 2px solid var(--tblr-color-accent);
animation: loader .75s linear infinite
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(59,69,78,.4);
z-index: 200;
-webkit-backdrop-filter: var(--tblr-filter-blur-sm);
backdrop-filter: var(--tblr-filter-blur-sm);
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
opacity: 0;
transition: var(--tblr-transition-opacity)
}
@media(min-width: 768px) {
.modal-backdrop {
align-items:center;
padding: 10.5rem 0
}
}
.modal-backdrop.visible {
opacity: 1
}
.modal-backdrop.visible .modal {
transform: translateY(0);
opacity: 1
}
.modal {
background: var(--tblr-color-background-primary);
width: 45rem;
max-width: calc(100% - 2*var(--tblr-space-xs));
border-radius: var(--tblr-radius-lg);
box-shadow: 0 20px 40px 0 rgba(59,69,78,.1),0 0 2px 0 rgba(59,69,78,.06);
position: relative;
margin: var(--tblr-space-xs);
transform: translateY(2rem);
opacity: 0;
transition: var(--tblr-transition-transform),var(--tblr-transition-opacity)
}
.modal-side {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 25rem;
max-width: calc(100% - 6rem);
border-radius: 0;
margin: 0;
padding: var(--tblr-space-md);
padding-top: var(--tblr-space-5xl)
}
.modal-close {
position: absolute;
top: 0;
right: 0;
width: var(--tblr-space-5xl);
height: var(--tblr-space-5xl);
color: inherit;
display: flex;
align-items: center;
justify-content: center;
opacity: .5;
transition: var(--tblr-transition-opacity);
cursor: pointer
}
.modal-close svg {
width: var(--tblr-space-2xl);
height: var(--tblr-space-2xl);
stroke-width: 1.5;
transition: var(--tblr-transition-transform)
}
.modal-close:hover {
opacity: 1
}
.modal-close:hover svg {
transform: rotate(90deg)
}
.modal-body {
--modal-padding: var(--tblr-space-xl);
padding: var(--modal-padding)
}
@media(min-width: 768px) {
.modal-body {
--modal-padding:var(--tblr-space-3xl)
}
}
.modal-body+.modal-body {
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.modal-image {
margin: calc(-1*var(--modal-padding)) calc(-1*var(--modal-padding)) var(--modal-padding)
}
.modal-title {
margin-bottom: var(--tblr-space-xl);
margin-right: var(--tblr-space-5xl)
}
.modal-footer {
display: block;
text-decoration: none;
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
padding: var(--tblr-space-xs) var(--tblr-space-md)
}
@media(min-width: 768px) {
.modal-footer {
padding:var(--tblr-space-md) 2rem
}
}
.modal-wide {
width: 60rem
}
.modal-ad {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 2rem)
}
.modal-ad .carbon:after {
clear: both;
content: "";
display: block
}
.modal-ad .carbon-img,.modal-ad .rklm-img {
float: left;
margin-right: var(--tblr-space-md)
}
.tabs {
padding: 0;
margin: 0 0 1.5rem;
border-bottom: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.tab {
text-decoration: none;
display: inline-block;
line-height: 1;
padding: var(--tblr-space-xs) 0;
margin-bottom: -1px;
border-bottom: 2px solid transparent;
color: var(--tblr-color-text-secondary);
cursor: pointer
}
.tab:hover {
color: var(--tblr-color-text-primary)
}
.tab.active_main {
color: var(--tblr-color-accent);
border-bottom-color: var(--tblr-color-accent)
}
.tab:not(:first-child) {
margin-left: var(--tblr-space-xl)
}
.side-tabs-item {
display: block;
color: inherit;
border: var(--tblr-stroke-width) solid transparent;
border-right: 0;
border-radius: var(--tblr-radius-lg) 0 0 var(--tblr-radius-lg);
padding: var(--tblr-space-xl) var(--tblr-space-5xl) var(--tblr-space-xl) var(--tblr-space-xl);
cursor: pointer
}
.side-tabs-item.active_main {
background: var(--tblr-color-background-primary);
border-color: var(--tblr-stroke-color-secondary)
}
.side-tabs-browser {
width: 65rem
}
.placeholder {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center
}
@media(max-width: 767.98px) {
.placeholder {
background-size:1248px auto
}
}
.placeholder-logo {
max-width: 12.5rem;
margin: 0 auto
}
.placeholder-description {
width: 19.5rem;
background: #fff;
box-shadow: 0 0 0 70px hsla(0,0%,100%,.88)
}
@media(max-width: 767.98px) {
.placeholder-description {
width:100%;
max-width: 20rem;
padding: 0 2rem;
box-shadow: 0 0 0 35px hsla(0,0%,100%,.88)
}
}
.form-label {
display: block;
margin-bottom: var(--tblr-space-xs);
font-weight: var(--tblr-font-weight-medium)
}
.form-control {
display: block;
width: 100%;
height: var(--tblr-space-3xl);
padding: calc(var(--tblr-space-xs) - 1px) var(--tblr-space-md)
}
textarea.form-control {
resize: vertical;
min-height: calc(4rem + 2px)
}
textarea.form-control[rows] {
height: auto
}
.form-control[type=search] {
background: #fff url('data:image/svg+xml;charset=UTF-8,') no-repeat var(--tblr-space-sm) center/var(--tblr-space-lg);
padding-left: var(--tblr-space-3xl)
}
.form-control[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
height: var(--tblr-space-2xl);
width: var(--tblr-space-2xl);
margin-right: calc(-1*var(--tblr-space-xs));
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat 50%/var(--tblr-space-lg);
opacity: .64;
cursor: pointer
}
.form-control[type=search]::-webkit-search-cancel-button:hover {
opacity: 1
}
.form-select {
height: var(--tblr-space-3xl);
padding: 0 var(--tblr-space-md);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: var(--tblr-space-3xl);
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-repeat: no-repeat;
background-position: right var(--tblr-space-sm) center;
background-size: var(--tblr-space-lg)
}
.form-control-icon {
width: var(--tblr-space-lg);
height: var(--tblr-space-lg);
margin-right: var(--tblr-space-xs);
margin-left: calc(-1*var(--tblr-space-xs));
color: var(--tblr-color-text-secondary)
}
.form-control::-moz-placeholder {
color: var(--tblr-color-text-tertiary)
}
.form-control-placeholder,.form-control::placeholder {
color: var(--tblr-color-text-tertiary)
}
.form-value {
text-align: center;
font-weight: var(--tblr-font-weight-bold);
width: var(--tblr-space-4xl)
}
.form-color {
display: inline-block;
width: 1.75rem;
height: 1.75rem;
border-radius: var(--tblr-radius)
}
.form-selector {
position: relative
}
.form-selector select {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
display: block;
background: transparent;
cursor: pointer
}
.input-color {
display: inline-block;
width: var(--tblr-space-lg);
height: var(--tblr-space-lg);
border-radius: var(--tblr-radius);
background: var(--tblr-color-text-secondary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
cursor: pointer
}
.input-color.checked {
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: var(--tblr-space-md) var(--tblr-space-md);
background-position: 50%
}
.input-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--tblr-space-2xl);
height: var(--tblr-space-2xl);
border-radius: var(--tblr-radius);
background: var(--tblr-color-background-primary);
color: var(--tblr-color-text-primary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
cursor: pointer
}
.input-icon .icon_main {
width: var(--tblr-space-lg);
height: var(--tblr-space-lg)
}
.input-icon:hover {
border-color: var(--color-border-hover);
color: var(--tblr-color-text-primary)
}
.input-icon.checked {
border-color: var(--tblr-color-accent)
}
.input-colorpicker {
background: var(--tblr-color-background-primary);
display: inline-flex;
align-items: center;
gap: var(--tblr-space-xs);
padding: 5px 8px;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
border-radius: var(--tblr-radius-full)
}
.input-colorpicker-preview {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
width: var(--tblr-space-xl);
min-width: var(--tblr-space-xl);
height: var(--tblr-space-xl);
cursor: pointer;
border: none
}
.input-colorpicker-preview::-webkit-color-swatch-wrapper {
padding: 0
}
.input-colorpicker-preview::-webkit-color-swatch {
border: none;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
border-radius: 100%
}
.input-colorpicker-hex {
background: transparent;
font: inherit;
color: var(--tblr-primary);
text-overflow: ellipsis;
width: 100%;
height: var(--tblr-space-xl)
}
.input-colors {
display: inline-flex;
flex-direction: row;
align-items: center;
margin: calc(-1*var(--tblr-space-xs))
}
.input-colors-button {
cursor: pointer;
padding: var(--tblr-space-xs);
background: none
}
.input-colors-button:hover .input-colors-indicator {
box-shadow: 0 0 0 8px rgba(var(--color-text-rgb),.06)
}
.input-colors-indicator {
display: block;
height: var(--tblr-space-md);
width: var(--tblr-space-md);
border-radius: 100%;
outline-offset: 2px;
outline: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
transition: outline-color .3s,box-shadow .3s
}
.input-colors-indicator.active_main {
outline: 2px solid var(--tblr-color-accent)
}
.form-range {
--slider-width: 0%;
width: 100%;
height: 1.75rem;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: bottom;
background: transparent
}
.form-range::-moz-range-track {
height: 4px;
background-color: var(--tblr-stroke-color-primary);
background-image: linear-gradient(to right,var(--tblr-color-accent) 0,var(--tblr-color-accent) 100%);
background-repeat: no-repeat;
background-size: var(--slider-width) 100%
}
.form-range::-ms-track {
height: 4px;
background-color: var(--tblr-stroke-color-primary);
background-image: linear-gradient(to right,var(--tblr-color-accent) 0,var(--tblr-color-accent) 100%);
background-repeat: no-repeat;
background-size: var(--slider-width) 100%
}
.form-range::-webkit-slider-runnable-track {
height: 4px;
background-color: var(--tblr-stroke-color-primary);
background-image: linear-gradient(to right,var(--tblr-color-accent) 0,var(--tblr-color-accent) 100%);
background-repeat: no-repeat;
background-size: var(--slider-width) 100%
}
.form-range::-moz-range-thumb {
-moz-appearance: none;
appearance: none;
border-radius: var(--tblr-radius-full);
background: var(--tblr-color-accent);
width: var(--tblr-space-md);
height: var(--tblr-space-md);
margin-top: calc(-.5rem + 2px);
cursor: grab
}
.form-range::-ms-thumb {
appearance: none;
border-radius: var(--tblr-radius-full);
background: var(--tblr-color-accent);
width: var(--tblr-space-md);
height: var(--tblr-space-md);
margin-top: calc(-.5rem + 2px);
cursor: grab
}
.form-range::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
border-radius: var(--tblr-radius-full);
background: var(--tblr-color-accent);
width: var(--tblr-space-md);
height: var(--tblr-space-md);
margin-top: calc(-.5rem + 2px);
cursor: grab
}
.form-range:active::-moz-range-thumb {
cursor: grabbing
}
.form-range:active::-ms-thumb {
cursor: grabbing
}
.form-range:active::-webkit-slider-thumb {
cursor: grabbing
}
.form-range:focus::-moz-range-thumb {
outline: 2px solid rgba(var(--color-primary-rgb),.2);
outline-offset: 2px
}
.form-range:focus::-ms-thumb {
outline: 2px solid rgba(var(--color-primary-rgb),.2);
outline-offset: 2px
}
.form-range:focus::-webkit-slider-thumb {
outline: 2px solid rgba(var(--color-primary-rgb),.2);
outline-offset: 2px
}
.form-range:disabled {
pointer-events: none
}
.form-range-bar {
background: var(--tblr-color-accent);
height: 4px
}
.box {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-radius: var(--tblr-radius-lg);
padding: var(--tblr-space-2xl);
background: var(--tblr-color-background-primary)
}
.tooltip_main {
position: relative
}
.tooltip_main:after,.tooltip_main:before {
visibility: hidden;
opacity: 0;
transition: var(--tblr-transition-opacity);
pointer-events: none;
z-index: 100
}
.tooltip_main:before {
content: attr(data-title);
position: absolute;
display: block;
bottom: calc(100% + .5rem);
left: 50%;
background: var(--tblr-color-inverted-primary);
color: var(--tblr-color-inverted-foreground);
white-space: nowrap;
line-height: 1;
font-weight: var(--tblr-font-weight-normal);
font-size: var(--tblr-font-size-h6);
font-family: var(--font-family-base);
padding: var(--tblr-space-xs);
border-radius: var(--tblr-radius);
transform: translateX(-50%)
}
.tooltip_main:after {
content: "";
width: 0;
height: 0;
border-top-color: transparent;
border: var(--tblr-space-2xs) solid transparent;
border-top: var(--tblr-space-2xs) solid var(--tblr-color-text-primary);
position: absolute;
left: calc(50% - var(--tblr-space-2xs));
bottom: 100%
}
.tooltip_main:hover:after,.tooltip_main:hover:before {
opacity: 1;
visibility: visible;
transition-delay: .3s
}
.tooltip-monospaced:before {
font-family: var(--font-family-mono);
font-size: var(--tblr-font-size-h6)
}
.token.class-name,.token.function,.token.selector,.token.selector .class,.token.selector.class,.token.tag {
color: #f472b6
}
.token.attr-name,.token.important,.token.keyword,.token.module,.token.pseudo-class,.token.rule {
color: #cbd5e1
}
.token.attr-value,.token.class,.token.string {
color: #7dd3fc
}
.token.attr-equals,.token.punctuation {
color: #64748b
}
.token.attr-value * {
color: #7dd3fc
}
.token.attr-value .attr-equals,.token.attr-value .attr-equals+.punctuation,.token.attr-value>.punctuation:last-child {
color: #64748b
}
.token.property {
color: #7dd3fc
}
.token.unit {
color: #99f6e4
}
.language-shell .token:not(.comment),.token.atapply .token:not(.rule):not(.important):not(.punctuation) {
color: inherit
}
.language-css .token.function {
color: #99f6e4
}
.token.combinator,.token.comment,.token.operator {
color: #94a3b8
}
.token.unchanged {
display: block
}
.token.deleted,.token.inserted {
position: relative;
margin-left: -2.25rem;
margin-right: -2.25rem;
display: block;
border-left-width: 4px;
padding-left: var(--tblr-space-2xl);
padding-right: 1.25rem
}
.token.deleted:before,.token.inserted:before {
position: absolute;
top: 0;
content: "";
left: 1rem
}
.token.inserted {
border-color: #2dd4bf;
background-color: rgba(45,212,191,.149)
}
.token.inserted:before {
color: #2dd4bf;
content: "+"
}
.token.deleted {
border-color: #fb7185;
background-color: rgba(244,63,94,.149)
}
.token.deleted:before {
color: #fb7185;
content: "-"
}
.pricing {
display: flex;
flex-direction: column;
margin: 0 auto;
justify-content: center
}
@media(min-width: 768px) {
.pricing {
flex-direction:row
}
}
.pricing-card {
flex: 1 1;
display: flex;
flex-direction: column;
background: var(--tblr-color-background-primary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
padding: var(--tblr-space-lg);
margin: 0 0 var(--tblr-space-xl);
position: relative;
text-align: center;
border-radius: var(--tblr-radius-lg)
}
@media(min-width: 768px) {
.pricing-card {
margin:var(--tblr-space-xl) -1px;
max-width: 22rem
}
.pricing-card:first-child {
border-radius: var(--tblr-radius-lg) 0 0 var(--tblr-radius-lg)
}
.pricing-card:last-child {
border-radius: 0 var(--tblr-radius-lg) var(--tblr-radius-lg) 0
}
}
@media(min-width: 960px) {
.pricing-card {
padding:var(--tblr-space-2xl)
}
}
.pricing-card.featured {
z-index: 1;
border: 2px solid var(--tblr-color-accent);
order: -1
}
@media(min-width: 768px) {
.pricing-card.featured {
order:0;
margin-top: 0;
margin-bottom: 0;
box-shadow: 0 20px 25px -5px rgba(0,0,0,.06),0 10px 10px -5px rgba(0,0,0,.04);
border-radius: var(--tblr-radius-lg)
}
}
.pricing-title {
font-size: var(--tblr-font-size-h3);
line-height: var(--tblr-line-height-h3)
}
.pricing-label {
height: var(--tblr-space-xl);
margin-top: -var(--tblr-space-md);
margin-bottom: var(--tblr-space-md);
display: flex;
align-items: center;
justify-content: center
}
.pricing-btn {
margin-top: auto;
padding-top: var(--tblr-space-xl)
}
.pricing-price {
display: flex;
justify-content: center;
font-size: var(--tblr-font-size-5xl);
line-height: 1;
margin: var(--tblr-space-md) 0
}
.pricing-price,.pricing-price-currency {
font-weight: var(--tblr-font-weight-bold)
}
.pricing-price-currency {
font-size: var(--tblr-font-size-h2);
line-height: 1.5;
margin-right: var(--tblr-space-2xs)
}
.pricing-price-description {
font-size: var(--tblr-font-size-h5);
line-height: var(--tblr-line-height-h5);
font-weight: var(--tblr-font-weight-normal);
color: var(--tblr-color-text-secondary);
align-self: center;
margin-left: var(--tblr-space-xs)
}
.pricing-features {
margin: var(--tblr-space-xl) 0 0;
padding: 0;
list-style: none;
text-align: left
}
.pricing-features>li:not(:first-child) {
margin-top: var(--tblr-space-2xs)
}
.pricing-banner {
background: var(--tblr-color-background-secondary);
margin: 0 auto;
padding: var(--tblr-space-xl);
border-radius: var(--tblr-radius-lg)
}
.more {
position: relative
}
.more-hover:hover .more-data {
opacity: .2;
filter: blur(2px)
}
.more-hover:hover .more-layer {
opacity: 1
}
.more-layer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
display: flex;
align-items: flex-end;
justify-content: center;
background: linear-gradient(180deg,hsla(0,0%,100%,0) 50%,#fff 85%);
padding: var(--tblr-space-xl);
z-index: 1
}
.more-data,.more-layer {
transition: var(--tblr-transition-opacity)
}
.shape {
--shape-size: var(--tblr-space-3xl);
--shape-icon-size: var(--tblr-space-xl);
--shape-icon-stroke: 1.5;
width: var(--shape-size);
height: var(--shape-size);
font-size: calc(var(--shape-icon-size)*.75);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: var(--tblr-font-weight-medium);
color: var(--tblr-color-text-secondary);
background: var(--tblr-color-background-secondary);
border-radius: 35%;
vertical-align: bottom
}
.shape .icon_main {
stroke-width: var(--shape-icon-stroke);
width: var(--shape-icon-size);
height: var(--shape-icon-size)
}
/*! purgecss start ignore */
.shape-accent {
background: var(--tblr-color-accent-quaternary);
color: var(--tblr-color-accent)
}
.shape-fade {
background: var(--tblr-color-fade-quaternary);
color: var(--tblr-color-fade)
}
.shape-dark {
background: var(--tblr-color-dark-quaternary);
color: var(--tblr-color-dark)
}
.shape-blue {
background: var(--tblr-color-blue-quaternary);
color: var(--tblr-color-blue)
}
.shape-sky {
background: var(--tblr-color-sky-quaternary);
color: var(--tblr-color-sky)
}
.shape-brown {
background: var(--tblr-color-brown-quaternary);
color: var(--tblr-color-brown)
}
.shape-green {
background: var(--tblr-color-green-quaternary);
color: var(--tblr-color-green)
}
.shape-yellow {
background: var(--tblr-color-yellow-quaternary);
color: var(--tblr-color-yellow)
}
.shape-orange {
background: var(--tblr-color-orange-quaternary);
color: var(--tblr-color-orange)
}
.shape-red {
background: var(--tblr-color-red-quaternary);
color: var(--tblr-color-red)
}
.shape-crimson {
background: var(--tblr-color-crimson-quaternary);
color: var(--tblr-color-crimson)
}
.shape-pink {
background: var(--tblr-color-pink-quaternary);
color: var(--tblr-color-pink)
}
.shape-violet {
background: var(--tblr-color-violet-quaternary);
color: var(--tblr-color-violet)
}
.shape-white {
background: var(--tblr-color-white-quaternary);
color: var(--tblr-color-white)
}
.shape-square {
border-radius: var(--tblr-radius-lg)
}
.shape-rounded {
border-radius: var(--tblr-radius-full)
}
.shape-sm {
--shape-size: var(--tblr-space-xl);
--shape-icon-size: var(--tblr-space-md)
}
.shape-md {
--shape-size: var(--tblr-space-4xl);
--shape-icon-size: 1.75rem
}
.shape-lg {
--shape-size: var(--tblr-space-5xl);
--shape-icon-size: 2.25rem
}
/*! purgecss end ignore */
.label {
--label-color: var(--color-muted);
--label-background: rgba($color-muted,0.05);
display: inline-flex;
align-items: center;
font-size: var(--tblr-font-size-h5);
text-decoration: none;
color: var(--tblr-color-text-secondary);
line-height: var(--tblr-space-lg);
background: rgba(var(--tblr-color-text-secondary),.05);
border-radius: var(--tblr-radius);
padding: var(--tblr-space-xs) var(--tblr-space-md);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: var(--tblr-transition-color)
}
.label svg {
width: var(--tblr-space-lg);
height: var(--tblr-space-lg);
margin: 0 var(--tblr-space-xs) 0 calc(-1*var(--tblr-space-2xs));
stroke-width: 1.5
}
.label.active_main,a.label:hover {
color: var(--tblr-color-text-primary);
background: rgba(59,69,78,.08)
}
.label-accent {
--label-color: var(--color-accent);
--label-background: rgba(var(--color-accent-rgb),0.1)
}
.label-red {
--label-color: var(--color-red);
--label-background: rgba(var(--color-red-rgb),0.1)
}
.label-pink {
--label-color: var(--color-pink);
--label-background: rgba(var(--color-pink-rgb),0.1)
}
.label-grape {
--label-color: var(--color-grape);
--label-background: rgba(var(--color-grape-rgb),0.1)
}
.label-violet {
--label-color: var(--color-violet);
--label-background: rgba(var(--color-violet-rgb),0.1)
}
.label-indigo {
--label-color: var(--color-indigo);
--label-background: rgba(var(--color-indigo-rgb),0.1)
}
.label-blue {
--label-color: var(--color-blue);
--label-background: rgba(var(--color-blue-rgb),0.1)
}
.label-cyan {
--label-color: var(--color-cyan);
--label-background: rgba(var(--color-cyan-rgb),0.1)
}
.label-teal {
--label-color: var(--color-teal);
--label-background: rgba(var(--color-teal-rgb),0.1)
}
.label-green {
--label-color: var(--color-green);
--label-background: rgba(var(--color-green-rgb),0.1)
}
.label-lime {
--label-color: var(--color-lime);
--label-background: rgba(var(--color-lime-rgb),0.1)
}
.label-yellow {
--label-color: var(--color-yellow);
--label-background: rgba(var(--color-yellow-rgb),0.1)
}
.label-orange {
--label-color: var(--color-orange);
--label-background: rgba(var(--color-orange-rgb),0.1)
}
.label-white {
--label-color: var(--color-white);
--label-background: rgba(var(--color-white-rgb),0.1)
}
.label-dark {
--label-color: var(--color-dark);
--label-background: rgba(var(--color-dark-rgb),0.1)
}
.label-important {
background: var(--label-color);
color: #fff
}
.label-sm {
font-size: var(--tblr-font-size-h6);
padding: .125rem var(--tblr-space-xs)
}
.labels-list {
display: inline-flex;
flex-wrap: wrap;
margin: 0 calc(-1*var(--tblr-space-2xs)) calc(-1*var(--tblr-space-2xs)) 0
}
.labels-list>* {
margin: 0 var(--tblr-space-2xs) var(--tblr-space-2xs) 0
}
.preview {
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
background: #343a48;
color: #fff;
height: 100vh;
height: 100svh
}
.preview-navbar {
--navbar-height: var(--tblr-space-5xl);
padding: 0 var(--tblr-space-md);
height: var(--navbar-height);
line-height: var(--navbar-height);
background: var(--tblr-color-background-primary);
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
background: #1d2434
}
.preview-navbar .icon_main {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl)
}
.preview-navbar-link {
height: var(--tblr-space-3xl);
min-width: var(--tblr-space-3xl);
display: flex;
align-items: center;
justify-content: center;
color: inherit;
background: transparent;
border: 0;
cursor: pointer;
opacity: .64;
transition: var(--tblr-transition-opacity)
}
.preview-navbar-link.active_main,.preview-navbar-link:hover {
color: inherit;
opacity: 1
}
.preview-navbar-devices {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
transform: translateX(-50%);
display: flex;
align-items: center
}
@media(max-width: 959.98px) {
.preview-navbar-devices {
display:none
}
}
.preview-iframe {
display: block;
max-width: 100%;
width: 100%;
flex: 1 1;
margin: 0 auto;
background: var(--tblr-color-background-primary)
}
.expandable {
--expandable-shadow-start: 50%;
--expandable-color-start: hsla(0,0%,100%,0);
position: relative;
height: 35rem;
overflow: hidden;
background: repeat-x top
}
@supports (color: color-mix(in lch,red,blue)) {
.expandable {
--expandable-color-start:color-mix(in srgb,var(--section-bg),transparent 100%)
}
}
.expandable:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: linear-gradient(to bottom,var(--expandable-color-start) var(--expandable-shadow-start),var(--section-bg) 100%);
pointer-events: none
}
.expandable:hover .expandable-hover {
opacity: 1
}
.expandable-hover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
opacity: 0;
transition: var(--tblr-transition-opacity)
}
.changelog {
flex-direction: column
}
.changelog,.changelog-item {
display: flex;
position: relative
}
.changelog-item {
align-items: flex-start
}
.changelog-circle {
align-items: center;
background-color: #fff;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
border-radius: var(--tblr-radius-full);
display: flex;
height: var(--tblr-space-xs);
width: var(--tblr-space-xs);
justify-content: center;
margin-left: var(--tblr-space-2xl);
margin-right: var(--tblr-space-5xl);
z-index: 1
}
.changelog-circle .icon_main {
width: var(--tblr-space-lg);
height: var(--tblr-space-lg)
}
.changelog-divider {
position: absolute;
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
height: calc(100% + 2rem);
top: 0;
transform: translateX(-79px)
}
.changelog-item:last-child .changelog-divider {
height: 100%
}
.changelog-left {
display: flex;
justify-content: flex-end;
align-items: center;
min-width: 280px;
padding-bottom: var(--tblr-space-xl)
}
.changelog-right {
padding-bottom: var(--tblr-space-5xl);
margin-bottom: var(--tblr-space-5xl);
border-bottom: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
width: 100%
}
.changelog-item:last-child .changelog-right {
margin: 0;
padding: 0;
border: 0
}
.go-to-top_main {
background: var(--tblr-color-accent);
color: var(--color-white);
position: fixed;
bottom: var(--tblr-space-md);
right: var(--tblr-space-md);
display: flex;
width: var(--tblr-space-3xl);
height: var(--tblr-space-3xl);
align-items: center;
justify-content: center;
border-radius: var(--tblr-radius-lg);
cursor: pointer;
transition: var(--tblr-transition-opacity);
z-index: 90;
opacity: 0;
pointer-events: none
}
.go-to-top_main:hover {
opacity: 1;
color: var(--color-white)
}
.go-to-top_main.visible {
opacity: 1;
pointer-events: auto
}
.go-to-top_main .icon_main {
width: var(--tblr-space-xl);
height: var(--tblr-space-xl)
}
.guides {
position: relative;
display: grid;
grid-gap: var(--gutter-y,2rem) var(--gutter-x,2rem);
gap: var(--gutter-y,2rem) var(--gutter-x,2rem)
}
@media(min-width: 560px) {
.guides {
padding-left:var(--tblr-space-5xl)
}
}
@media(min-width: 960px) {
.guides {
grid-template-columns:repeat(2,1fr);
padding: 0
}
.guides:after {
left: 50%
}
}
.guide {
position: relative
}
@media(min-width: 560px) {
.guide .guide-date {
display:block;
position: absolute;
top: var(--tblr-space-2xl);
z-index: 1;
color: var(--tblr-color-text-tertiary);
left: -3rem;
text-transform: uppercase;
line-height: 1.5;
font-size: 12px;
text-align: center;
width: var(--tblr-space-2xl);
padding: var(--tblr-space-md) 0
}
.guide:after {
content: "";
width: var(--tblr-space-md);
height: var(--tblr-space-md);
background: var(--tblr-color-background-primary);
z-index: 1;
position: absolute;
top: 3.5rem;
left: calc(-1*var(--tblr-space-xs) + 1px);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
transform: rotate(45deg);
-webkit-clip-path: polygon(0 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 100%,0 100%)
}
}
@media(min-width: 960px) {
.guide:before {
content:"";
position: absolute;
top: 6.5rem;
left: calc(100% + var(--gutter-x, 2rem)*.5);
bottom: calc(50% - 1.5rem);
width: var(--tblr-space-1);
background: var(--tblr-stroke-color-secondary)
}
.guide:first-child {
grid-row: 1/3
}
.guide:nth-child(2) {
grid-row: 2/4
}
.guide:nth-child(3) {
grid-row: 3/5
}
.guide:nth-child(4) {
grid-row: 4/6
}
.guide:nth-child(5) {
grid-row: 5/7
}
.guide:nth-child(6) {
grid-row: 6/8
}
.guide:nth-child(7) {
grid-row: 7/9
}
.guide:nth-child(8) {
grid-row: 8/10
}
.guide:nth-child(9) {
grid-row: 9/11
}
.guide .guide-date {
left: calc(100% + var(--gutter-x, 2rem)/2 - 1rem)
}
.guide:nth-child(2n) .guide-date {
left: calc(var(--gutter-x, 2rem)/-2 - 1rem)
}
.guide:nth-child(2n):before {
left: calc(var(--gutter-x, 2rem)*-.5)
}
.guide:nth-child(odd):after {
transform: rotate(-135deg);
left: calc(100% - var(--tblr-space-xs) - 1px)
}
}
.guide-date {
display: none
}
.table {
width: 100%;
border-collapse: collapse
}
.table td {
padding: var(--tblr-space-xs)
}
.sponsors,.table td {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)
}
.sponsors {
display: block;
background: var(--tblr-color-background-secondary);
padding: var(--tblr-space-2xl);
border-radius: var(--tblr-radius-lg);
margin: 3rem 0;
position: relative;
transition: var(--tblr-transition-color)
}
.sponsors:hover {
border-color: var(--tblr-stroke-color-hovered)
}
.sponsors-octocat {
position: absolute;
right: 0;
bottom: -2rem;
height: calc(100% + 2rem);
aspect-ratio: var(--tblr-ratio-square);
display: block;
width: auto;
max-height: 10rem
}
@media(min-width: 768px) {
.sponsors-octocat {
max-height:14rem
}
}
@media(min-width: 1280px) {
.sponsors-octocat {
max-height:18rem
}
}
.timeline {
display: flex;
flex-direction: column
}
.timeline-summary {
text-align: right
}
.timeline-description {
position: relative;
padding-bottom: var(--tblr-space-7xl)
}
.timeline-description:before {
content: "";
position: absolute;
left: 0;
top: calc(1rem + 3px);
bottom: calc(-1rem + 3px);
width: var(--tblr-space-1);
background: var(--tblr-stroke-color-primary)
}
.timeline-description:after {
content: "";
position: absolute;
left: -3px;
top: calc(1rem - 3px);
width: 7px;
height: 7px;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
border-radius: var(--tblr-radius-full)
}
.timeline-item:last-child .timeline-description {
padding-bottom: 0
}
.timeline-item:last-child .timeline-description:before {
bottom: 0;
background: linear-gradient(to bottom,var(--tblr-stroke-color-primary),var(--tblr-stroke-color-primary) 50%,transparent)
}
.pagination {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--tblr-space-md);
flex-wrap: wrap
}
.pagination-page {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
background: none;
border-radius: var(--tblr-radius);
padding: .25rem var(--tblr-space-md)
}
.illustration svg {
max-width: 100%;
height: auto
}
.illustration path {
transition: fill .3s
}
.illustration-svg {
width: 100%;
height: 100%
}
.wizard .illustration div {
padding: 20px 50px
}
.wizard .selectors {
margin-bottom: 40px
}
.wizard .selectors>div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.illustration-items {
display: grid;
grid-gap: var(--grid-gap);
grid-template-columns: repeat(auto-fit,minmax(var(--illustration-min-width),1fr))
}
@media(min-width: 768px) {
.illustration-items {
--illustration-min-width:8rem
}
}
@media(min-width: 960px) {
.illustration-items {
--illustration-min-width:10rem
}
}
.theme-switcher_main {
display: inline-flex;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
border-radius: var(--tblr-radius-full);
padding: 4px;
gap: 4px
}
.theme-switcher-button_main {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: transparent;
border-radius: var(--tblr-radius-full);
color: var(--tblr-color-text-secondary);
width: 1.75rem;
height: 1.75rem
}
.theme-switcher-button_main.active_main,.theme-switcher-button_main:hover {
background: var(--tblr-color-background-secondary);
color: var(--tblr-color-text-primary)
}
.theme-switcher-button_main .icon_main {
width: var(--tblr-space-lg);
height: var(--tblr-space-lg)
}
.gallery-image {
--gallery-image-border-radius: var(--tblr-radius-lg);
display: block;
padding: var(--tblr-space-md);
border-radius: var(--gallery-image-border-radius);
background-color: var(--tblr-color-background-primary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
cursor: pointer;
position: relative
}
.gallery-image:hover .gallery-image-backdrop {
opacity: 1
}
.gallery-image.active_main {
outline-offset: 2px;
outline: 2px solid var(--tblr-color-accent)
}
.gallery-image-xl {
--gallery-image-border-radius: var(--tblr-radius-xl)
}
.gallery-image-backdrop {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--tblr-color-accent-quaternary);
-webkit-backdrop-filter: var(--tblr-filter-blur-sm);
backdrop-filter: var(--tblr-filter-blur-sm);
border-radius: calc(var(--gallery-image-border-radius) - 1px);
display: flex;
align-items: center;
justify-content: center;
color: var(--color-white);
font-size: var(--tblr-space-xl);
transition: opacity .3s,-webkit-backdrop-filter .3s;
transition: opacity .3s,backdrop-filter .3s;
transition: opacity .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s;
opacity: 0
}
.style-switcher {
display: inline-flex;
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary);
border-radius: var(--tblr-radius-full);
padding: 3px;
gap: 4px;
background: var(--tblr-color-background-primary)
}
.style-switcher-button {
display: flex;
flex: 1 1;
align-items: center;
justify-content: center;
cursor: pointer;
background: transparent;
border-radius: var(--tblr-radius-full);
color: var(--tblr-color-text-secondary);
padding: 0 .75rem;
height: 1.75rem;
line-height: 1.75rem;
font-size: var(--tblr-font-size-h6)
}
.style-switcher-button.active_main,.style-switcher-button:hover {
background: var(--tblr-color-background-secondary);
color: var(--tblr-color-text-primary)
}
.style-switcher-button .icon_main {
width: var(--tblr-space-lg);
height: var(--tblr-space-lg)
}
.toaster {
margin: 0;
--width: 30rem!important
}
.toast {
--initial-height: auto;
font-size: var(--tblr-font-size-h6);
padding: var(--tblr-space-sm) var(--tblr-space-md)
}
.parity {
--parity-padding: var(--tblr-space-md);
padding: var(--parity-padding);
padding-right: var(--tblr-space-4xl);
color: inherit;
background: var(--tblr-color-background-secondary);
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary);
box-shadow: var(--tblr-shadow-sm);
border-radius: var(--tblr-radius-lg);
transition: var(--tblr-transition-transform);
position: relative;
display: flex;
gap: 1rem
}
@media(min-width: 960px) {
.parity {
gap:2rem;
--parity-padding: var(--tblr-space-xl)
}
}
.parity.show {
transform: translateY(0)
}
.parity-flag {
font-size: 2rem
}
@media(min-width: 960px) {
.parity-flag {
line-height:0;
font-size: 4rem;
align-self: center
}
}
.parity-close {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: inherit;
opacity: .5;
background: transparent;
transition: var(--tblr-transition-opacity);
width: var(--tblr-space-4xl);
height: var(--tblr-space-4xl);
margin-top: auto;
margin-bottom: auto
}
.parity-close:hover {
color: inherit;
opacity: 1
}
.parity-close:hover svg {
transform: rotate(90deg)
}
.parity-close svg {
transition: var(--tblr-transition-transform);
display: block;
width: 1.5rem;
height: 1.5rem
}
.d-none {
display: none!important
}
.d-inline {
display: inline!important
}
.d-inline-block {
display: inline-block!important
}
.d-inline-flex {
display: inline-flex!important
}
.d-block {
display: block!important
}
.d-flex_main {
display: flex!important
}
.d-table-cell {
display: table-cell!important
}
.gap-0 {
gap: 0!important
}
.gap-1 {
gap: var(--tblr-space-2xs)!important
}
.gap-2 {
gap: var(--tblr-space-xs)!important
}
.gap-3 {
gap: var(--tblr-space-md)!important
}
.gap-4 {
gap: var(--tblr-space-xl)!important
}
.gap-5 {
gap: var(--tblr-space-2xl)!important
}
.gap-6 {
gap: var(--tblr-space-5xl)!important
}
.gap-7 {
gap: 6.5rem!important
}
.gap-8 {
gap: 10.5rem!important
}
.flex-wrap {
flex-wrap: wrap!important
}
.flex-nowrap {
flex-wrap: nowrap!important
}
.o-hidden {
overflow: hidden!important
}
.o-auto {
overflow: auto!important
}
.text-accent {
color: #0054a6!important
}
.text-red {
color: #e03131!important
}
.text-pink {
color: #ea4aaa!important
}
.text-grape {
color: #9c36b5!important
}
.text-violet {
color: #6741d9!important
}
.text-indigo {
color: #3b5bdb!important
}
.text-blue {
color: #1971c2!important
}
.text-cyan {
color: #0c8599!important
}
.text-teal {
color: #099268!important
}
.text-green {
color: #2f9e44!important
}
.text-lime {
color: #66a80f!important
}
.text-yellow {
color: #f08c00!important
}
.text-orange {
color: #e8590c!important
}
.text-white {
color: #fff!important
}
.text-dark {
color: #1d2434!important
}
.text-base {
color: var(--tblr-color-text-primary)!important
}
.text-muted,.text-secondary_main {
color: var(--tblr-color-text-secondary)!important
}
.text-muted-light,.text-tertiary {
color: var(--tblr-color-text-tertiary)!important
}
.text-dark-base {
color: var(--color-dark-text,hsla(0,0%,100%,.96))!important
}
.text-dark-muted {
color: var(--color-dark-muted,hsla(0,0%,100%,.5))!important
}
.text-headers {
color: var(--color-headers,var(--tblr-color-text-headings))!important
}
.text-reset {
color: inherit!important
}
.cursor-pointer {
cursor: pointer!important
}
.shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0,0,0,.05)!important
}
.shadow,.shadow-card {
box-shadow: 0 0 0 1px var(--tblr-stroke-color-primary),0 1px 5px hsla(0,0%,5%,.05),0 0 40px hsla(0,0%,5%,.015)!important
}
.shadow-lg {
box-shadow: 0 20px 25px -5px rgba(0,0,0,.06),0 10px 10px -5px rgba(0,0,0,.04)!important
}
.shadow-inset {
box-shadow: var(--tblr-shadow-inset)!important
}
.rounded {
border-radius: var(--tblr-radius)!important
}
.rounded-lg {
border-radius: var(--tblr-radius-lg)!important
}
.rounded-xl {
border-radius: var(--tblr-radius-xl)!important
}
.rounded-full {
border-radius: var(--tblr-radius-full)!important
}
.rounded-0 {
border-radius: 0!important
}
.rounded-left {
border-top-left-radius: var(--tblr-radius)!important;
border-bottom-left-radius: var(--tblr-radius)!important
}
.rounded-left-lg {
border-top-left-radius: var(--tblr-radius-lg)!important;
border-bottom-left-radius: var(--tblr-radius-lg)!important
}
.rounded-left-xl {
border-top-left-radius: var(--tblr-radius-xl)!important;
border-bottom-left-radius: var(--tblr-radius-xl)!important
}
.rounded-left-full {
border-top-left-radius: var(--tblr-radius-full)!important;
border-bottom-left-radius: var(--tblr-radius-full)!important
}
.rounded-left-0 {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important
}
.rounded-right {
border-top-right-radius: var(--tblr-radius)!important;
border-bottom-right-radius: var(--tblr-radius)!important
}
.rounded-right-lg {
border-top-right-radius: var(--tblr-radius-lg)!important;
border-bottom-right-radius: var(--tblr-radius-lg)!important
}
.rounded-right-xl {
border-top-right-radius: var(--tblr-radius-xl)!important;
border-bottom-right-radius: var(--tblr-radius-xl)!important
}
.rounded-right-full {
border-top-right-radius: var(--tblr-radius-full)!important;
border-bottom-right-radius: var(--tblr-radius-full)!important
}
.rounded-right-0 {
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important
}
.bg-accent {
background: #0054a6!important
}
.bg-red {
background: #e03131!important
}
.bg-pink {
background: #ea4aaa!important
}
.bg-grape {
background: #9c36b5!important
}
.bg-violet {
background: #6741d9!important
}
.bg-indigo {
background: #3b5bdb!important
}
.bg-blue {
background: #1971c2!important
}
.bg-cyan {
background: #0c8599!important
}
.bg-teal {
background: #099268!important
}
.bg-green {
background: #2f9e44!important
}
.bg-lime {
background: #66a80f!important
}
.bg-yellow {
background: #f08c00!important
}
.bg-orange {
background: #e8590c!important
}
.bg-white {
background: #fff!important
}
.bg-dark {
background: #1d2434!important
}
.bg-primary {
background: var(--tblr-color-background-primary)!important
}
.bg-secondary {
background: var(--tblr-color-background-secondary)!important
}
.bg-white {
background: var(--tblr-color-white)!important
}
.bg-light {
background: var(--tblr-color-background-secondary)!important
}
.text-uppercase {
text-transform: uppercase!important
}
.text-left_main {
text-align: left!important
}
.text-center_main {
text-align: center!important
}
.text-right_main {
text-align: right!important
}
.font-light {
font-weight: var(--tblr-font-weight-light)!important
}
.font-normal {
font-weight: var(--tblr-font-weight-normal)!important
}
.font-medium {
font-weight: var(--tblr-font-weight-medium)!important
}
.font-semibold {
font-weight: var(--tblr-font-weight-semibold)!important
}
.font-bold {
font-weight: var(--tblr-font-weight-bold)!important
}
.font-black {
font-weight: var(--tblr-font-weight-black)!important
}
.font-base {
font-family: var(--tblr-font-family-base)!important
}
.font-mono {
font-family: var(--tblr-font-family-mono)!important
}
.text-underline {
text-decoration: underline!important
}
.lh-1 {
line-height: 1!important
}
.lh-sm {
line-height: var(--line-height-sm)!important
}
.lh-base {
line-height: var(--line-height-base)!important
}
.lh-h1 {
line-height: var(--line-height-h1)!important
}
.lh-h2 {
line-height: var(--line-height-h2)!important
}
.lh-h3 {
line-height: var(--line-height-h3)!important
}
.lh-h4 {
line-height: var(--line-height-h4)!important
}
.lh-h5 {
line-height: var(--line-height-h5)!important
}
.lh-h6 {
line-height: var(--line-height-h6)!important
}
.lh-h7 {
line-height: var(--line-height-h7)!important
}
.font-h1 {
font-size: var(--tblr-font-size-h1)!important
}
.font-h2 {
font-size: var(--tblr-font-size-h2)!important
}
.font-h3 {
font-size: var(--tblr-font-size-h3)!important
}
.font-h4 {
font-size: var(--tblr-font-size-h4)!important
}
.font-h5 {
font-size: var(--tblr-font-size-h5)!important
}
.font-h6 {
font-size: var(--tblr-font-size-h6)!important
}
.font-h7 {
font-size: var(--tblr-font-size-h7)!important
}
.p-sticky {
position: sticky!important
}
.p-relative {
position: relative!important
}
.p-absolute {
position: absolute!important
}
.p-top,.p-top-center,.p-top-left,.p-top-right {
top: 0!important
}
.p-left-center,.p-right-center {
top: auto!important
}
.p-bottom,.p-bottom-center,.p-bottom-left,.p-bottom-right {
bottom: 0!important
}
.p-bottom-center,.p-bottom-left,.p-left,.p-top-center,.p-top-left {
left: 0!important
}
.p-bottom-center,.p-bottom-right,.p-right,.p-top-center,.p-top-right {
right: 0!important
}
.flex-fill {
flex: 1 1 auto!important
}
.flex-row {
flex-direction: row!important
}
.flex-column {
flex-direction: column!important
}
.flex-row-reverse {
flex-direction: row-reverse!important
}
.justify-start {
justify-content: flex-start!important
}
.justify-end {
justify-content: flex-end!important
}
.justify-center_main {
justify-content: center!important
}
.justify-between {
justify-content: space-between!important
}
.items-start {
align-items: flex-start!important
}
.items-end {
align-items: flex-end!important
}
.items-center_main {
align-items: center!important
}
.order-first {
order: -1!important
}
.order-last_main {
order: 6!important
}
.m-0 {
margin: 0!important
}
.m-1 {
margin: var(--tblr-space-2xs)!important
}
.m-2 {
margin: var(--tblr-space-xs)!important
}
.m-3 {
margin: var(--tblr-space-md)!important
}
.m-4 {
margin: var(--tblr-space-xl)!important
}
.m-5 {
margin: var(--tblr-space-2xl)!important
}
.m-6 {
margin: var(--tblr-space-5xl)!important
}
.m-7 {
margin: 6.5rem!important
}
.m-8 {
margin: 10.5rem!important
}
.m-n0 {
margin: 0!important
}
.m-n1 {
margin: -var(--tblr-space-2xs)!important
}
.m-n2 {
margin: -var(--tblr-space-xs)!important
}
.m-n3 {
margin: -var(--tblr-space-md)!important
}
.m-n4 {
margin: -var(--tblr-space-xl)!important
}
.m-n5 {
margin: -var(--tblr-space-2xl)!important
}
.m-n6 {
margin: -var(--tblr-space-5xl)!important
}
.m-n7 {
margin: -6.5rem!important
}
.m-n8 {
margin: -10.5rem!important
}
.m-auto {
margin: auto!important
}
.mx-0 {
margin-right: 0!important;
margin-left: 0!important
}
.mx-1 {
margin-right: var(--tblr-space-2xs)!important;
margin-left: var(--tblr-space-2xs)!important
}
.mx-2 {
margin-right: var(--tblr-space-xs)!important;
margin-left: var(--tblr-space-xs)!important
}
.mx-3 {
margin-right: var(--tblr-space-md)!important;
margin-left: var(--tblr-space-md)!important
}
.mx-4 {
margin-right: var(--tblr-space-xl)!important;
margin-left: var(--tblr-space-xl)!important
}
.mx-5 {
margin-right: var(--tblr-space-2xl)!important;
margin-left: var(--tblr-space-2xl)!important
}
.mx-6 {
margin-right: var(--tblr-space-5xl)!important;
margin-left: var(--tblr-space-5xl)!important
}
.mx-7 {
margin-right: 6.5rem!important;
margin-left: 6.5rem!important
}
.mx-8 {
margin-right: 10.5rem!important;
margin-left: 10.5rem!important
}
.mx-n0 {
margin-right: 0!important;
margin-left: 0!important
}
.mx-n1 {
margin-right: -var(--tblr-space-2xs)!important;
margin-left: -var(--tblr-space-2xs)!important
}
.mx-n2 {
margin-right: -var(--tblr-space-xs)!important;
margin-left: -var(--tblr-space-xs)!important
}
.mx-n3 {
margin-right: -var(--tblr-space-md)!important;
margin-left: -var(--tblr-space-md)!important
}
.mx-n4 {
margin-right: -var(--tblr-space-xl)!important;
margin-left: -var(--tblr-space-xl)!important
}
.mx-n5 {
margin-right: -var(--tblr-space-2xl)!important;
margin-left: -var(--tblr-space-2xl)!important
}
.mx-n6 {
margin-right: -var(--tblr-space-5xl)!important;
margin-left: -var(--tblr-space-5xl)!important
}
.mx-n7 {
margin-right: -6.5rem!important;
margin-left: -6.5rem!important
}
.mx-n8 {
margin-right: -10.5rem!important;
margin-left: -10.5rem!important
}
.mx-auto {
margin-right: auto!important;
margin-left: auto!important
}
.my-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.my-1 {
margin-top: var(--tblr-space-2xs)!important;
margin-bottom: var(--tblr-space-2xs)!important
}
.my-2 {
margin-top: var(--tblr-space-xs)!important;
margin-bottom: var(--tblr-space-xs)!important
}
.my-3 {
margin-top: var(--tblr-space-md)!important;
margin-bottom: var(--tblr-space-md)!important
}
.my-4 {
margin-top: var(--tblr-space-xl)!important;
margin-bottom: var(--tblr-space-xl)!important
}
.my-5 {
margin-top: var(--tblr-space-2xl)!important;
margin-bottom: var(--tblr-space-2xl)!important
}
.my-6 {
margin-top: var(--tblr-space-5xl)!important;
margin-bottom: var(--tblr-space-5xl)!important
}
.my-7 {
margin-top: 6.5rem!important;
margin-bottom: 6.5rem!important
}
.my-8 {
margin-top: 10.5rem!important;
margin-bottom: 10.5rem!important
}
.my-n0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.my-n1 {
margin-top: -var(--tblr-space-2xs)!important;
margin-bottom: -var(--tblr-space-2xs)!important
}
.my-n2 {
margin-top: -var(--tblr-space-xs)!important;
margin-bottom: -var(--tblr-space-xs)!important
}
.my-n3 {
margin-top: -var(--tblr-space-md)!important;
margin-bottom: -var(--tblr-space-md)!important
}
.my-n4 {
margin-top: -var(--tblr-space-xl)!important;
margin-bottom: -var(--tblr-space-xl)!important
}
.my-n5 {
margin-top: -var(--tblr-space-2xl)!important;
margin-bottom: -var(--tblr-space-2xl)!important
}
.my-n6 {
margin-top: -var(--tblr-space-5xl)!important;
margin-bottom: -var(--tblr-space-5xl)!important
}
.my-n7 {
margin-top: -6.5rem!important;
margin-bottom: -6.5rem!important
}
.my-n8 {
margin-top: -10.5rem!important;
margin-bottom: -10.5rem!important
}
.my-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.mt-0 {
margin-top: 0!important
}
.mt-1 {
margin-top: var(--tblr-space-2xs)!important
}
.mt-2 {
margin-top: var(--tblr-space-xs)!important
}
.mt-3 {
margin-top: var(--tblr-space-md)!important
}
.mt-4_main {
margin-top: var(--tblr-space-xl)!important
}
.mt-5 {
margin-top: var(--tblr-space-2xl)!important
}
.mt-6_main {
margin-top: var(--tblr-space-5xl)!important
}
.mt-7 {
margin-top: 6.5rem!important
}
.mt-8 {
margin-top: 10.5rem!important
}
.mt-n0 {
margin-top: 0!important
}
.mt-n1 {
margin-top: -var(--tblr-space-2xs)!important
}
.mt-n2 {
margin-top: -var(--tblr-space-xs)!important
}
.mt-n3 {
margin-top: -var(--tblr-space-md)!important
}
.mt-n4 {
margin-top: -var(--tblr-space-xl)!important
}
.mt-n5 {
margin-top: -var(--tblr-space-2xl)!important
}
.mt-n6 {
margin-top: -var(--tblr-space-5xl)!important
}
.mt-n7 {
margin-top: -6.5rem!important
}
.mt-n8 {
margin-top: -10.5rem!important
}
.mt-auto {
margin-top: auto!important
}
.mr-0 {
margin-right: 0!important
}
.mr-1 {
margin-right: var(--tblr-space-2xs)!important
}
.mr-2 {
margin-right: var(--tblr-space-xs)!important
}
.mr-3 {
margin-right: var(--tblr-space-md)!important
}
.mr-4 {
margin-right: var(--tblr-space-xl)!important
}
.mr-5 {
margin-right: var(--tblr-space-2xl)!important
}
.mr-6 {
margin-right: var(--tblr-space-5xl)!important
}
.mr-7 {
margin-right: 6.5rem!important
}
.mr-8 {
margin-right: 10.5rem!important
}
.mr-n0 {
margin-right: 0!important
}
.mr-n1 {
margin-right: -var(--tblr-space-2xs)!important
}
.mr-n2 {
margin-right: -var(--tblr-space-xs)!important
}
.mr-n3 {
margin-right: -var(--tblr-space-md)!important
}
.mr-n4 {
margin-right: -var(--tblr-space-xl)!important
}
.mr-n5 {
margin-right: -var(--tblr-space-2xl)!important
}
.mr-n6 {
margin-right: -var(--tblr-space-5xl)!important
}
.mr-n7 {
margin-right: -6.5rem!important
}
.mr-n8 {
margin-right: -10.5rem!important
}
.mr-auto {
margin-right: auto!important
}
.mb-0 {
margin-bottom: 0!important
}
.mb-1 {
margin-bottom: var(--tblr-space-2xs)!important
}
.mb-2 {
margin-bottom: var(--tblr-space-xs)!important
}
.mb-3_main {
margin-bottom: var(--tblr-space-md)!important
}
.mb-4_main {
margin-bottom: var(--tblr-space-xl)!important
}
.mb-5 {
margin-bottom: var(--tblr-space-2xl)!important
}
.mb-6 {
margin-bottom: var(--tblr-space-5xl)!important
}
.mb-7 {
margin-bottom: 6.5rem!important
}
.mb-8 {
margin-bottom: 10.5rem!important
}
.mb-n0 {
margin-bottom: 0!important
}
.mb-n1 {
margin-bottom: -var(--tblr-space-2xs)!important
}
.mb-n2 {
margin-bottom: -var(--tblr-space-xs)!important
}
.mb-n3 {
margin-bottom: -var(--tblr-space-md)!important
}
.mb-n4 {
margin-bottom: -var(--tblr-space-xl)!important
}
.mb-n5 {
margin-bottom: -var(--tblr-space-2xl)!important
}
.mb-n6 {
margin-bottom: -var(--tblr-space-5xl)!important
}
.mb-n7 {
margin-bottom: -6.5rem!important
}
.mb-n8 {
margin-bottom: -10.5rem!important
}
.mb-auto {
margin-bottom: auto!important
}
.ml-0 {
margin-left: 0!important
}
.ml-1 {
margin-left: var(--tblr-space-2xs)!important
}
.ml-2 {
margin-left: var(--tblr-space-xs)!important
}
.ml-3_main {
margin-left: var(--tblr-space-md)!important
}
.ml-4 {
margin-left: var(--tblr-space-xl)!important
}
.ml-5 {
margin-left: var(--tblr-space-2xl)!important
}
.ml-6 {
margin-left: var(--tblr-space-5xl)!important
}
.ml-7 {
margin-left: 6.5rem!important
}
.ml-8 {
margin-left: 10.5rem!important
}
.ml-n0 {
margin-left: 0!important
}
.ml-n1 {
margin-left: -var(--tblr-space-2xs)!important
}
.ml-n2 {
margin-left: -var(--tblr-space-xs)!important
}
.ml-n3 {
margin-left: -var(--tblr-space-md)!important
}
.ml-n4 {
margin-left: -var(--tblr-space-xl)!important
}
.ml-n5 {
margin-left: -var(--tblr-space-2xl)!important
}
.ml-n6 {
margin-left: -var(--tblr-space-5xl)!important
}
.ml-n7 {
margin-left: -6.5rem!important
}
.ml-n8 {
margin-left: -10.5rem!important
}
.ml-auto_main {
margin-left: auto!important
}
.p-0 {
padding: 0!important
}
.p-1 {
padding: var(--tblr-space-2xs)!important
}
.p-2 {
padding: var(--tblr-space-xs)!important
}
.p-3 {
padding: var(--tblr-space-md)!important
}
.p-4 {
padding: var(--tblr-space-xl)!important
}
.p-5 {
padding: var(--tblr-space-2xl)!important
}
.p-6 {
padding: var(--tblr-space-5xl)!important
}
.p-7 {
padding: 6.5rem!important
}
.p-8 {
padding: 10.5rem!important
}
.px-0 {
padding-right: 0!important;
padding-left: 0!important
}
.px-1 {
padding-right: var(--tblr-space-2xs)!important;
padding-left: var(--tblr-space-2xs)!important
}
.px-2 {
padding-right: var(--tblr-space-xs)!important;
padding-left: var(--tblr-space-xs)!important
}
.px-3 {
padding-right: var(--tblr-space-md)!important;
padding-left: var(--tblr-space-md)!important
}
.px-4 {
padding-right: var(--tblr-space-xl)!important;
padding-left: var(--tblr-space-xl)!important
}
.px-5 {
padding-right: var(--tblr-space-2xl)!important;
padding-left: var(--tblr-space-2xl)!important
}
.px-6 {
padding-right: var(--tblr-space-5xl)!important;
padding-left: var(--tblr-space-5xl)!important
}
.px-7 {
padding-right: 6.5rem!important;
padding-left: 6.5rem!important
}
.px-8 {
padding-right: 10.5rem!important;
padding-left: 10.5rem!important
}
.py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.py-1 {
padding-top: var(--tblr-space-2xs)!important;
padding-bottom: var(--tblr-space-2xs)!important
}
.py-2 {
padding-top: var(--tblr-space-xs)!important;
padding-bottom: var(--tblr-space-xs)!important
}
.py-3 {
padding-top: var(--tblr-space-md)!important;
padding-bottom: var(--tblr-space-md)!important
}
.py-4 {
padding-top: var(--tblr-space-xl)!important;
padding-bottom: var(--tblr-space-xl)!important
}
.py-5_main {
padding-top: var(--tblr-space-2xl)!important;
padding-bottom: var(--tblr-space-2xl)!important
}
.py-6_main {
padding-top: var(--tblr-space-5xl)!important;
padding-bottom: var(--tblr-space-5xl)!important
}
.py-7 {
padding-top: 6.5rem!important;
padding-bottom: 6.5rem!important
}
.py-8 {
padding-top: 10.5rem!important;
padding-bottom: 10.5rem!important
}
.pt-0 {
padding-top: 0!important
}
.pt-1 {
padding-top: var(--tblr-space-2xs)!important
}
.pt-2 {
padding-top: var(--tblr-space-xs)!important
}
.pt-3 {
padding-top: var(--tblr-space-md)!important
}
.pt-4 {
padding-top: var(--tblr-space-xl)!important
}
.pt-5 {
padding-top: var(--tblr-space-2xl)!important
}
.pt-6 {
padding-top: var(--tblr-space-5xl)!important
}
.pt-7 {
padding-top: 6.5rem!important
}
.pt-8 {
padding-top: 10.5rem!important
}
.pr-0 {
padding-right: 0!important
}
.pr-1 {
padding-right: var(--tblr-space-2xs)!important
}
.pr-2 {
padding-right: var(--tblr-space-xs)!important
}
.pr-3 {
padding-right: var(--tblr-space-md)!important
}
.pr-4 {
padding-right: var(--tblr-space-xl)!important
}
.pr-5 {
padding-right: var(--tblr-space-2xl)!important
}
.pr-6 {
padding-right: var(--tblr-space-5xl)!important
}
.pr-7 {
padding-right: 6.5rem!important
}
.pr-8 {
padding-right: 10.5rem!important
}
.pb-0 {
padding-bottom: 0!important
}
.pb-1 {
padding-bottom: var(--tblr-space-2xs)!important
}
.pb-2 {
padding-bottom: var(--tblr-space-xs)!important
}
.pb-3 {
padding-bottom: var(--tblr-space-md)!important
}
.pb-4 {
padding-bottom: var(--tblr-space-xl)!important
}
.pb-5 {
padding-bottom: var(--tblr-space-2xl)!important
}
.pb-6 {
padding-bottom: var(--tblr-space-5xl)!important
}
.pb-7 {
padding-bottom: 6.5rem!important
}
.pb-8 {
padding-bottom: 10.5rem!important
}
.pl-0 {
padding-left: 0!important
}
.pl-1 {
padding-left: var(--tblr-space-2xs)!important
}
.pl-2 {
padding-left: var(--tblr-space-xs)!important
}
.pl-3 {
padding-left: var(--tblr-space-md)!important
}
.pl-4 {
padding-left: var(--tblr-space-xl)!important
}
.pl-5 {
padding-left: var(--tblr-space-2xl)!important
}
.pl-6 {
padding-left: var(--tblr-space-5xl)!important
}
.pl-7 {
padding-left: 6.5rem!important
}
.pl-8 {
padding-left: 10.5rem!important
}
.border-0 {
border: none!important
}
.border {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)!important
}
.border-light {
border: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)!important
}
.outline-0 {
outline: none!important
}
.outline {
outline: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)!important
}
.outline-light {
outline: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)!important
}
.border-top-0 {
border-top: none!important
}
.border-top {
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)!important
}
.border-top-light {
border-top: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)!important
}
.border-right-0 {
border-right: none!important
}
.border-right {
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)!important
}
.border-right-light {
border-right: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)!important
}
.border-bottom-0 {
border-bottom: none!important
}
.border-bottom_main {
border-bottom: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)!important
}
.border-bottom-light {
border-bottom: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)!important
}
.border-left-0 {
border-left: none!important
}
.border-left {
border-left: var(--tblr-stroke-width) solid var(--tblr-stroke-color-primary)!important
}
.border-left-light {
border-left: var(--tblr-stroke-width) solid var(--tblr-stroke-color-secondary)!important
}
.select-all {
-webkit-user-select: all!important;
-moz-user-select: all!important;
user-select: all!important
}
.select-auto {
-webkit-user-select: auto!important;
-moz-user-select: auto!important;
user-select: auto!important
}
.select-none {
-webkit-user-select: none!important;
-moz-user-select: none!important;
user-select: none!important
}
.events-none {
pointer-events: none!important
}
.w-1 {
width: 1%!important
}
.w-100 {
width: 100%!important
}
.w-auto {
width: auto!important
}
.h-100 {
height: 100%!important
}
.h-auto {
height: auto!important
}
.ratio-16x9 {
aspect-ratio: 1.7777777778!important
}
.ratio-16x9,.ratio-9x16 {
background-size: cover!important
}
.ratio-9x16 {
aspect-ratio: .5625!important
}
.ratio-4x3 {
aspect-ratio: 1.3333333333!important
}
.ratio-3x4,.ratio-4x3 {
background-size: cover!important
}
.ratio-3x4 {
aspect-ratio: .75!important
}
.ratio-2x1 {
aspect-ratio: 2!important
}
.ratio-1x2,.ratio-2x1 {
background-size: cover!important
}
.ratio-1x2 {
aspect-ratio: .5!important
}
.ratio-1x1 {
aspect-ratio: 1!important;
background-size: cover!important
}
@media(min-width: 560px) {
.sm\:d-none {
display:none!important
}
.sm\:d-inline {
display: inline!important
}
.sm\:d-inline-block {
display: inline-block!important
}
.sm\:d-inline-flex {
display: inline-flex!important
}
.sm\:d-block {
display: block!important
}
.sm\:d-flex_main {
display: flex!important
}
.sm\:d-table-cell {
display: table-cell!important
}
.sm\:gap-0 {
gap: 0!important
}
.sm\:gap-1 {
gap: var(--tblr-space-2xs)!important
}
.sm\:gap-2 {
gap: var(--tblr-space-xs)!important
}
.sm\:gap-3 {
gap: var(--tblr-space-md)!important
}
.sm\:gap-4 {
gap: var(--tblr-space-xl)!important
}
.sm\:gap-5 {
gap: var(--tblr-space-2xl)!important
}
.sm\:gap-6 {
gap: var(--tblr-space-5xl)!important
}
.sm\:gap-7 {
gap: 6.5rem!important
}
.sm\:gap-8 {
gap: 10.5rem!important
}
.sm\:text-left_main {
text-align: left!important
}
.sm\:text-center_main {
text-align: center!important
}
.sm\:text-right_main {
text-align: right!important
}
.sm\:flex-fill {
flex: 1 1 auto!important
}
.sm\:flex-row {
flex-direction: row!important
}
.sm\:flex-column {
flex-direction: column!important
}
.sm\:flex-row-reverse {
flex-direction: row-reverse!important
}
.sm\:justify-start {
justify-content: flex-start!important
}
.sm\:justify-end {
justify-content: flex-end!important
}
.sm\:justify-center_main {
justify-content: center!important
}
.sm\:justify-between {
justify-content: space-between!important
}
.sm\:items-start {
align-items: flex-start!important
}
.sm\:items-end {
align-items: flex-end!important
}
.sm\:items-center {
align-items: center!important
}
.sm\:order-first {
order: -1!important
}
.sm\:order-last_main {
order: 6!important
}
.sm\:m-0 {
margin: 0!important
}
.sm\:m-1 {
margin: var(--tblr-space-2xs)!important
}
.sm\:m-2 {
margin: var(--tblr-space-xs)!important
}
.sm\:m-3 {
margin: var(--tblr-space-md)!important
}
.sm\:m-4 {
margin: var(--tblr-space-xl)!important
}
.sm\:m-5 {
margin: var(--tblr-space-2xl)!important
}
.sm\:m-6 {
margin: var(--tblr-space-5xl)!important
}
.sm\:m-7 {
margin: 6.5rem!important
}
.sm\:m-8 {
margin: 10.5rem!important
}
.sm\:m-n0 {
margin: 0!important
}
.sm\:m-n1 {
margin: -var(--tblr-space-2xs)!important
}
.sm\:m-n2 {
margin: -var(--tblr-space-xs)!important
}
.sm\:m-n3 {
margin: -var(--tblr-space-md)!important
}
.sm\:m-n4 {
margin: -var(--tblr-space-xl)!important
}
.sm\:m-n5 {
margin: -var(--tblr-space-2xl)!important
}
.sm\:m-n6 {
margin: -var(--tblr-space-5xl)!important
}
.sm\:m-n7 {
margin: -6.5rem!important
}
.sm\:m-n8 {
margin: -10.5rem!important
}
.sm\:m-auto {
margin: auto!important
}
.sm\:mx-0 {
margin-right: 0!important;
margin-left: 0!important
}
.sm\:mx-1 {
margin-right: var(--tblr-space-2xs)!important;
margin-left: var(--tblr-space-2xs)!important
}
.sm\:mx-2 {
margin-right: var(--tblr-space-xs)!important;
margin-left: var(--tblr-space-xs)!important
}
.sm\:mx-3 {
margin-right: var(--tblr-space-md)!important;
margin-left: var(--tblr-space-md)!important
}
.sm\:mx-4 {
margin-right: var(--tblr-space-xl)!important;
margin-left: var(--tblr-space-xl)!important
}
.sm\:mx-5 {
margin-right: var(--tblr-space-2xl)!important;
margin-left: var(--tblr-space-2xl)!important
}
.sm\:mx-6 {
margin-right: var(--tblr-space-5xl)!important;
margin-left: var(--tblr-space-5xl)!important
}
.sm\:mx-7 {
margin-right: 6.5rem!important;
margin-left: 6.5rem!important
}
.sm\:mx-8 {
margin-right: 10.5rem!important;
margin-left: 10.5rem!important
}
.sm\:mx-n0 {
margin-right: 0!important;
margin-left: 0!important
}
.sm\:mx-n1 {
margin-right: -var(--tblr-space-2xs)!important;
margin-left: -var(--tblr-space-2xs)!important
}
.sm\:mx-n2 {
margin-right: -var(--tblr-space-xs)!important;
margin-left: -var(--tblr-space-xs)!important
}
.sm\:mx-n3 {
margin-right: -var(--tblr-space-md)!important;
margin-left: -var(--tblr-space-md)!important
}
.sm\:mx-n4 {
margin-right: -var(--tblr-space-xl)!important;
margin-left: -var(--tblr-space-xl)!important
}
.sm\:mx-n5 {
margin-right: -var(--tblr-space-2xl)!important;
margin-left: -var(--tblr-space-2xl)!important
}
.sm\:mx-n6 {
margin-right: -var(--tblr-space-5xl)!important;
margin-left: -var(--tblr-space-5xl)!important
}
.sm\:mx-n7 {
margin-right: -6.5rem!important;
margin-left: -6.5rem!important
}
.sm\:mx-n8 {
margin-right: -10.5rem!important;
margin-left: -10.5rem!important
}
.sm\:mx-auto {
margin-right: auto!important;
margin-left: auto!important
}
.sm\:my-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.sm\:my-1 {
margin-top: var(--tblr-space-2xs)!important;
margin-bottom: var(--tblr-space-2xs)!important
}
.sm\:my-2 {
margin-top: var(--tblr-space-xs)!important;
margin-bottom: var(--tblr-space-xs)!important
}
.sm\:my-3 {
margin-top: var(--tblr-space-md)!important;
margin-bottom: var(--tblr-space-md)!important
}
.sm\:my-4 {
margin-top: var(--tblr-space-xl)!important;
margin-bottom: var(--tblr-space-xl)!important
}
.sm\:my-5 {
margin-top: var(--tblr-space-2xl)!important;
margin-bottom: var(--tblr-space-2xl)!important
}
.sm\:my-6 {
margin-top: var(--tblr-space-5xl)!important;
margin-bottom: var(--tblr-space-5xl)!important
}
.sm\:my-7 {
margin-top: 6.5rem!important;
margin-bottom: 6.5rem!important
}
.sm\:my-8 {
margin-top: 10.5rem!important;
margin-bottom: 10.5rem!important
}
.sm\:my-n0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.sm\:my-n1 {
margin-top: -var(--tblr-space-2xs)!important;
margin-bottom: -var(--tblr-space-2xs)!important
}
.sm\:my-n2 {
margin-top: -var(--tblr-space-xs)!important;
margin-bottom: -var(--tblr-space-xs)!important
}
.sm\:my-n3 {
margin-top: -var(--tblr-space-md)!important;
margin-bottom: -var(--tblr-space-md)!important
}
.sm\:my-n4 {
margin-top: -var(--tblr-space-xl)!important;
margin-bottom: -var(--tblr-space-xl)!important
}
.sm\:my-n5 {
margin-top: -var(--tblr-space-2xl)!important;
margin-bottom: -var(--tblr-space-2xl)!important
}
.sm\:my-n6 {
margin-top: -var(--tblr-space-5xl)!important;
margin-bottom: -var(--tblr-space-5xl)!important
}
.sm\:my-n7 {
margin-top: -6.5rem!important;
margin-bottom: -6.5rem!important
}
.sm\:my-n8 {
margin-top: -10.5rem!important;
margin-bottom: -10.5rem!important
}
.sm\:my-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.sm\:mt-0 {
margin-top: 0!important
}
.sm\:mt-1 {
margin-top: var(--tblr-space-2xs)!important
}
.sm\:mt-2 {
margin-top: var(--tblr-space-xs)!important
}
.sm\:mt-3 {
margin-top: var(--tblr-space-md)!important
}
.sm\:mt-4_main {
margin-top: var(--tblr-space-xl)!important
}
.sm\:mt-5 {
margin-top: var(--tblr-space-2xl)!important
}
.sm\:mt-6_main {
margin-top: var(--tblr-space-5xl)!important
}
.sm\:mt-7 {
margin-top: 6.5rem!important
}
.sm\:mt-8 {
margin-top: 10.5rem!important
}
.sm\:mt-n0 {
margin-top: 0!important
}
.sm\:mt-n1 {
margin-top: -var(--tblr-space-2xs)!important
}
.sm\:mt-n2 {
margin-top: -var(--tblr-space-xs)!important
}
.sm\:mt-n3 {
margin-top: -var(--tblr-space-md)!important
}
.sm\:mt-n4 {
margin-top: -var(--tblr-space-xl)!important
}
.sm\:mt-n5 {
margin-top: -var(--tblr-space-2xl)!important
}
.sm\:mt-n6 {
margin-top: -var(--tblr-space-5xl)!important
}
.sm\:mt-n7 {
margin-top: -6.5rem!important
}
.sm\:mt-n8 {
margin-top: -10.5rem!important
}
.sm\:mt-auto {
margin-top: auto!important
}
.sm\:mr-0 {
margin-right: 0!important
}
.sm\:mr-1 {
margin-right: var(--tblr-space-2xs)!important
}
.sm\:mr-2 {
margin-right: var(--tblr-space-xs)!important
}
.sm\:mr-3 {
margin-right: var(--tblr-space-md)!important
}
.sm\:mr-4 {
margin-right: var(--tblr-space-xl)!important
}
.sm\:mr-5 {
margin-right: var(--tblr-space-2xl)!important
}
.sm\:mr-6 {
margin-right: var(--tblr-space-5xl)!important
}
.sm\:mr-7 {
margin-right: 6.5rem!important
}
.sm\:mr-8 {
margin-right: 10.5rem!important
}
.sm\:mr-n0 {
margin-right: 0!important
}
.sm\:mr-n1 {
margin-right: -var(--tblr-space-2xs)!important
}
.sm\:mr-n2 {
margin-right: -var(--tblr-space-xs)!important
}
.sm\:mr-n3 {
margin-right: -var(--tblr-space-md)!important
}
.sm\:mr-n4 {
margin-right: -var(--tblr-space-xl)!important
}
.sm\:mr-n5 {
margin-right: -var(--tblr-space-2xl)!important
}
.sm\:mr-n6 {
margin-right: -var(--tblr-space-5xl)!important
}
.sm\:mr-n7 {
margin-right: -6.5rem!important
}
.sm\:mr-n8 {
margin-right: -10.5rem!important
}
.sm\:mr-auto {
margin-right: auto!important
}
.sm\:mb-0 {
margin-bottom: 0!important
}
.sm\:mb-1 {
margin-bottom: var(--tblr-space-2xs)!important
}
.sm\:mb-2 {
margin-bottom: var(--tblr-space-xs)!important
}
.sm\:mb-3_main {
margin-bottom: var(--tblr-space-md)!important
}
.sm\:mb-4_main {
margin-bottom: var(--tblr-space-xl)!important
}
.sm\:mb-5 {
margin-bottom: var(--tblr-space-2xl)!important
}
.sm\:mb-6 {
margin-bottom: var(--tblr-space-5xl)!important
}
.sm\:mb-7 {
margin-bottom: 6.5rem!important
}
.sm\:mb-8 {
margin-bottom: 10.5rem!important
}
.sm\:mb-n0 {
margin-bottom: 0!important
}
.sm\:mb-n1 {
margin-bottom: -var(--tblr-space-2xs)!important
}
.sm\:mb-n2 {
margin-bottom: -var(--tblr-space-xs)!important
}
.sm\:mb-n3 {
margin-bottom: -var(--tblr-space-md)!important
}
.sm\:mb-n4 {
margin-bottom: -var(--tblr-space-xl)!important
}
.sm\:mb-n5 {
margin-bottom: -var(--tblr-space-2xl)!important
}
.sm\:mb-n6 {
margin-bottom: -var(--tblr-space-5xl)!important
}
.sm\:mb-n7 {
margin-bottom: -6.5rem!important
}
.sm\:mb-n8 {
margin-bottom: -10.5rem!important
}
.sm\:mb-auto {
margin-bottom: auto!important
}
.sm\:ml-0 {
margin-left: 0!important
}
.sm\:ml-1 {
margin-left: var(--tblr-space-2xs)!important
}
.sm\:ml-2 {
margin-left: var(--tblr-space-xs)!important
}
.sm\:ml-3_main {
margin-left: var(--tblr-space-md)!important
}
.sm\:ml-4 {
margin-left: var(--tblr-space-xl)!important
}
.sm\:ml-5 {
margin-left: var(--tblr-space-2xl)!important
}
.sm\:ml-6 {
margin-left: var(--tblr-space-5xl)!important
}
.sm\:ml-7 {
margin-left: 6.5rem!important
}
.sm\:ml-8 {
margin-left: 10.5rem!important
}
.sm\:ml-n0 {
margin-left: 0!important
}
.sm\:ml-n1 {
margin-left: -var(--tblr-space-2xs)!important
}
.sm\:ml-n2 {
margin-left: -var(--tblr-space-xs)!important
}
.sm\:ml-n3 {
margin-left: -var(--tblr-space-md)!important
}
.sm\:ml-n4 {
margin-left: -var(--tblr-space-xl)!important
}
.sm\:ml-n5 {
margin-left: -var(--tblr-space-2xl)!important
}
.sm\:ml-n6 {
margin-left: -var(--tblr-space-5xl)!important
}
.sm\:ml-n7 {
margin-left: -6.5rem!important
}
.sm\:ml-n8 {
margin-left: -10.5rem!important
}
.sm\:.ml-auto_main {
margin-left: auto!important
}
.sm\:p-0 {
padding: 0!important
}
.sm\:p-1 {
padding: var(--tblr-space-2xs)!important
}
.sm\:p-2 {
padding: var(--tblr-space-xs)!important
}
.sm\:p-3 {
padding: var(--tblr-space-md)!important
}
.sm\:p-4 {
padding: var(--tblr-space-xl)!important
}
.sm\:p-5 {
padding: var(--tblr-space-2xl)!important
}
.sm\:p-6 {
padding: var(--tblr-space-5xl)!important
}
.sm\:p-7 {
padding: 6.5rem!important
}
.sm\:p-8 {
padding: 10.5rem!important
}
.sm\:px-0 {
padding-right: 0!important;
padding-left: 0!important
}
.sm\:px-1 {
padding-right: var(--tblr-space-2xs)!important;
padding-left: var(--tblr-space-2xs)!important
}
.sm\:px-2 {
padding-right: var(--tblr-space-xs)!important;
padding-left: var(--tblr-space-xs)!important
}
.sm\:px-3 {
padding-right: var(--tblr-space-md)!important;
padding-left: var(--tblr-space-md)!important
}
.sm\:px-4 {
padding-right: var(--tblr-space-xl)!important;
padding-left: var(--tblr-space-xl)!important
}
.sm\:px-5 {
padding-right: var(--tblr-space-2xl)!important;
padding-left: var(--tblr-space-2xl)!important
}
.sm\:px-6 {
padding-right: var(--tblr-space-5xl)!important;
padding-left: var(--tblr-space-5xl)!important
}
.sm\:px-7 {
padding-right: 6.5rem!important;
padding-left: 6.5rem!important
}
.sm\:px-8 {
padding-right: 10.5rem!important;
padding-left: 10.5rem!important
}
.sm\:py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.sm\:py-1 {
padding-top: var(--tblr-space-2xs)!important;
padding-bottom: var(--tblr-space-2xs)!important
}
.sm\:py-2 {
padding-top: var(--tblr-space-xs)!important;
padding-bottom: var(--tblr-space-xs)!important
}
.sm\:py-3 {
padding-top: var(--tblr-space-md)!important;
padding-bottom: var(--tblr-space-md)!important
}
.sm\:py-4 {
padding-top: var(--tblr-space-xl)!important;
padding-bottom: var(--tblr-space-xl)!important
}
.sm\:py-5_main {
padding-top: var(--tblr-space-2xl)!important;
padding-bottom: var(--tblr-space-2xl)!important
}
.sm\:py-6_main {
padding-top: var(--tblr-space-5xl)!important;
padding-bottom: var(--tblr-space-5xl)!important
}
.sm\:py-7 {
padding-top: 6.5rem!important;
padding-bottom: 6.5rem!important
}
.sm\:py-8 {
padding-top: 10.5rem!important;
padding-bottom: 10.5rem!important
}
.sm\:pt-0 {
padding-top: 0!important
}
.sm\:pt-1 {
padding-top: var(--tblr-space-2xs)!important
}
.sm\:pt-2 {
padding-top: var(--tblr-space-xs)!important
}
.sm\:pt-3 {
padding-top: var(--tblr-space-md)!important
}
.sm\:pt-4 {
padding-top: var(--tblr-space-xl)!important
}
.sm\:pt-5 {
padding-top: var(--tblr-space-2xl)!important
}
.sm\:pt-6 {
padding-top: var(--tblr-space-5xl)!important
}
.sm\:pt-7 {
padding-top: 6.5rem!important
}
.sm\:pt-8 {
padding-top: 10.5rem!important
}
.sm\:pr-0 {
padding-right: 0!important
}
.sm\:pr-1 {
padding-right: var(--tblr-space-2xs)!important
}
.sm\:pr-2 {
padding-right: var(--tblr-space-xs)!important
}
.sm\:pr-3 {
padding-right: var(--tblr-space-md)!important
}
.sm\:pr-4 {
padding-right: var(--tblr-space-xl)!important
}
.sm\:pr-5 {
padding-right: var(--tblr-space-2xl)!important
}
.sm\:pr-6 {
padding-right: var(--tblr-space-5xl)!important
}
.sm\:pr-7 {
padding-right: 6.5rem!important
}
.sm\:pr-8 {
padding-right: 10.5rem!important
}
.sm\:pb-0 {
padding-bottom: 0!important
}
.sm\:pb-1 {
padding-bottom: var(--tblr-space-2xs)!important
}
.sm\:pb-2 {
padding-bottom: var(--tblr-space-xs)!important
}
.sm\:pb-3 {
padding-bottom: var(--tblr-space-md)!important
}
.sm\:pb-4 {
padding-bottom: var(--tblr-space-xl)!important
}
.sm\:pb-5 {
padding-bottom: var(--tblr-space-2xl)!important
}
.sm\:pb-6 {
padding-bottom: var(--tblr-space-5xl)!important
}
.sm\:pb-7 {
padding-bottom: 6.5rem!important
}
.sm\:pb-8 {
padding-bottom: 10.5rem!important
}
.sm\:pl-0 {
padding-left: 0!important
}
.sm\:pl-1 {
padding-left: var(--tblr-space-2xs)!important
}
.sm\:pl-2 {
padding-left: var(--tblr-space-xs)!important
}
.sm\:pl-3 {
padding-left: var(--tblr-space-md)!important
}
.sm\:pl-4 {
padding-left: var(--tblr-space-xl)!important
}
.sm\:pl-5 {
padding-left: var(--tblr-space-2xl)!important
}
.sm\:pl-6 {
padding-left: var(--tblr-space-5xl)!important
}
.sm\:pl-7 {
padding-left: 6.5rem!important
}
.sm\:pl-8 {
padding-left: 10.5rem!important
}
}
@media(min-width: 768px) {
.md\:d-none {
display:none!important
}
.md\:d-inline {
display: inline!important
}
.md\:d-inline-block {
display: inline-block!important
}
.md\:d-inline-flex {
display: inline-flex!important
}
.md\:d-block {
display: block!important
}
.md\:col-auto_main {
display: flex!important
}
.md\:d-table-cell {
display: table-cell!important
}
.md\:gap-0 {
gap: 0!important
}
.md\:gap-1 {
gap: var(--tblr-space-2xs)!important
}
.md\:gap-2 {
gap: var(--tblr-space-xs)!important
}
.md\:gap-3 {
gap: var(--tblr-space-md)!important
}
.md\:gap-4 {
gap: var(--tblr-space-xl)!important
}
.md\:gap-5 {
gap: var(--tblr-space-2xl)!important
}
.md\:gap-6 {
gap: var(--tblr-space-5xl)!important
}
.md\:gap-7 {
gap: 6.5rem!important
}
.md\:gap-8 {
gap: 10.5rem!important
}
.md\:text-left_main {
text-align: left!important
}
.md\:text-center_main {
text-align: center!important
}
.md\:text-right_main {
text-align: right!important
}
.md\:flex-fill {
flex: 1 1 auto!important
}
.md\:flex-row {
flex-direction: row!important
}
.md\:flex-column {
flex-direction: column!important
}
.md\:flex-row-reverse {
flex-direction: row-reverse!important
}
.md\:justify-start {
justify-content: flex-start!important
}
.md\:justify-end {
justify-content: flex-end!important
}
.md\:justify-center_main {
justify-content: center!important
}
.md\:justify-between {
justify-content: space-between!important
}
.md\:items-start {
align-items: flex-start!important
}
.md\:items-end {
align-items: flex-end!important
}
.md\:items-center {
align-items: center!important
}
.md\:order-first {
order: -1!important
}
.md\:order-last_main {
order: 6!important
}
.md\:m-0 {
margin: 0!important
}
.md\:m-1 {
margin: var(--tblr-space-2xs)!important
}
.md\:m-2 {
margin: var(--tblr-space-xs)!important
}
.md\:m-3 {
margin: var(--tblr-space-md)!important
}
.md\:m-4 {
margin: var(--tblr-space-xl)!important
}
.md\:m-5 {
margin: var(--tblr-space-2xl)!important
}
.md\:m-6 {
margin: var(--tblr-space-5xl)!important
}
.md\:m-7 {
margin: 6.5rem!important
}
.md\:m-8 {
margin: 10.5rem!important
}
.md\:m-n0 {
margin: 0!important
}
.md\:m-n1 {
margin: -var(--tblr-space-2xs)!important
}
.md\:m-n2 {
margin: -var(--tblr-space-xs)!important
}
.md\:m-n3 {
margin: -var(--tblr-space-md)!important
}
.md\:m-n4 {
margin: -var(--tblr-space-xl)!important
}
.md\:m-n5 {
margin: -var(--tblr-space-2xl)!important
}
.md\:m-n6 {
margin: -var(--tblr-space-5xl)!important
}
.md\:m-n7 {
margin: -6.5rem!important
}
.md\:m-n8 {
margin: -10.5rem!important
}
.md\:m-auto {
margin: auto!important
}
.md\:mx-0 {
margin-right: 0!important;
margin-left: 0!important
}
.md\:mx-1 {
margin-right: var(--tblr-space-2xs)!important;
margin-left: var(--tblr-space-2xs)!important
}
.md\:mx-2 {
margin-right: var(--tblr-space-xs)!important;
margin-left: var(--tblr-space-xs)!important
}
.md\:mx-3 {
margin-right: var(--tblr-space-md)!important;
margin-left: var(--tblr-space-md)!important
}
.md\:mx-4 {
margin-right: var(--tblr-space-xl)!important;
margin-left: var(--tblr-space-xl)!important
}
.md\:mx-5 {
margin-right: var(--tblr-space-2xl)!important;
margin-left: var(--tblr-space-2xl)!important
}
.md\:mx-6 {
margin-right: var(--tblr-space-5xl)!important;
margin-left: var(--tblr-space-5xl)!important
}
.md\:mx-7 {
margin-right: 6.5rem!important;
margin-left: 6.5rem!important
}
.md\:mx-8 {
margin-right: 10.5rem!important;
margin-left: 10.5rem!important
}
.md\:mx-n0 {
margin-right: 0!important;
margin-left: 0!important
}
.md\:mx-n1 {
margin-right: -var(--tblr-space-2xs)!important;
margin-left: -var(--tblr-space-2xs)!important
}
.md\:mx-n2 {
margin-right: -var(--tblr-space-xs)!important;
margin-left: -var(--tblr-space-xs)!important
}
.md\:mx-n3 {
margin-right: -var(--tblr-space-md)!important;
margin-left: -var(--tblr-space-md)!important
}
.md\:mx-n4 {
margin-right: -var(--tblr-space-xl)!important;
margin-left: -var(--tblr-space-xl)!important
}
.md\:mx-n5 {
margin-right: -var(--tblr-space-2xl)!important;
margin-left: -var(--tblr-space-2xl)!important
}
.md\:mx-n6 {
margin-right: -var(--tblr-space-5xl)!important;
margin-left: -var(--tblr-space-5xl)!important
}
.md\:mx-n7 {
margin-right: -6.5rem!important;
margin-left: -6.5rem!important
}
.md\:mx-n8 {
margin-right: -10.5rem!important;
margin-left: -10.5rem!important
}
.md\:mx-auto {
margin-right: auto!important;
margin-left: auto!important
}
.md\:my-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.md\:my-1 {
margin-top: var(--tblr-space-2xs)!important;
margin-bottom: var(--tblr-space-2xs)!important
}
.md\:my-2 {
margin-top: var(--tblr-space-xs)!important;
margin-bottom: var(--tblr-space-xs)!important
}
.md\:my-3 {
margin-top: var(--tblr-space-md)!important;
margin-bottom: var(--tblr-space-md)!important
}
.md\:my-4 {
margin-top: var(--tblr-space-xl)!important;
margin-bottom: var(--tblr-space-xl)!important
}
.md\:my-5 {
margin-top: var(--tblr-space-2xl)!important;
margin-bottom: var(--tblr-space-2xl)!important
}
.md\:my-6 {
margin-top: var(--tblr-space-5xl)!important;
margin-bottom: var(--tblr-space-5xl)!important
}
.md\:my-7 {
margin-top: 6.5rem!important;
margin-bottom: 6.5rem!important
}
.md\:my-8 {
margin-top: 10.5rem!important;
margin-bottom: 10.5rem!important
}
.md\:my-n0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.md\:my-n1 {
margin-top: -var(--tblr-space-2xs)!important;
margin-bottom: -var(--tblr-space-2xs)!important
}
.md\:my-n2 {
margin-top: -var(--tblr-space-xs)!important;
margin-bottom: -var(--tblr-space-xs)!important
}
.md\:my-n3 {
margin-top: -var(--tblr-space-md)!important;
margin-bottom: -var(--tblr-space-md)!important
}
.md\:my-n4 {
margin-top: -var(--tblr-space-xl)!important;
margin-bottom: -var(--tblr-space-xl)!important
}
.md\:my-n5 {
margin-top: -var(--tblr-space-2xl)!important;
margin-bottom: -var(--tblr-space-2xl)!important
}
.md\:my-n6 {
margin-top: -var(--tblr-space-5xl)!important;
margin-bottom: -var(--tblr-space-5xl)!important
}
.md\:my-n7 {
margin-top: -6.5rem!important;
margin-bottom: -6.5rem!important
}
.md\:my-n8 {
margin-top: -10.5rem!important;
margin-bottom: -10.5rem!important
}
.md\:my-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.md\:mt-0 {
margin-top: 0!important
}
.md\:mt-1 {
margin-top: var(--tblr-space-2xs)!important
}
.md\:mt-2 {
margin-top: var(--tblr-space-xs)!important
}
.md\:mt-3 {
margin-top: var(--tblr-space-md)!important
}
.md\:mt-4_main {
margin-top: var(--tblr-space-xl)!important
}
.md\:mt-5 {
margin-top: var(--tblr-space-2xl)!important
}
.md\:mt-6_main {
margin-top: var(--tblr-space-5xl)!important
}
.md\:mt-7 {
margin-top: 6.5rem!important
}
.md\:mt-8 {
margin-top: 10.5rem!important
}
.md\:mt-n0 {
margin-top: 0!important
}
.md\:mt-n1 {
margin-top: -var(--tblr-space-2xs)!important
}
.md\:mt-n2 {
margin-top: -var(--tblr-space-xs)!important
}
.md\:mt-n3 {
margin-top: -var(--tblr-space-md)!important
}
.md\:mt-n4 {
margin-top: -var(--tblr-space-xl)!important
}
.md\:mt-n5 {
margin-top: -var(--tblr-space-2xl)!important
}
.md\:mt-n6 {
margin-top: -var(--tblr-space-5xl)!important
}
.md\:mt-n7 {
margin-top: -6.5rem!important
}
.md\:mt-n8 {
margin-top: -10.5rem!important
}
.md\:mt-auto {
margin-top: auto!important
}
.md\:mr-0 {
margin-right: 0!important
}
.md\:mr-1 {
margin-right: var(--tblr-space-2xs)!important
}
.md\:mr-2 {
margin-right: var(--tblr-space-xs)!important
}
.md\:mr-3 {
margin-right: var(--tblr-space-md)!important
}
.md\:mr-4 {
margin-right: var(--tblr-space-xl)!important
}
.md\:mr-5 {
margin-right: var(--tblr-space-2xl)!important
}
.md\:mr-6 {
margin-right: var(--tblr-space-5xl)!important
}
.md\:mr-7 {
margin-right: 6.5rem!important
}
.md\:mr-8 {
margin-right: 10.5rem!important
}
.md\:mr-n0 {
margin-right: 0!important
}
.md\:mr-n1 {
margin-right: -var(--tblr-space-2xs)!important
}
.md\:mr-n2 {
margin-right: -var(--tblr-space-xs)!important
}
.md\:mr-n3 {
margin-right: -var(--tblr-space-md)!important
}
.md\:mr-n4 {
margin-right: -var(--tblr-space-xl)!important
}
.md\:mr-n5 {
margin-right: -var(--tblr-space-2xl)!important
}
.md\:mr-n6 {
margin-right: -var(--tblr-space-5xl)!important
}
.md\:mr-n7 {
margin-right: -6.5rem!important
}
.md\:mr-n8 {
margin-right: -10.5rem!important
}
.md\:mr-auto {
margin-right: auto!important
}
.md\:mb-0 {
margin-bottom: 0!important
}
.md\:mb-1 {
margin-bottom: var(--tblr-space-2xs)!important
}
.md\:mb-2 {
margin-bottom: var(--tblr-space-xs)!important
}
.md\:mb-3_main {
margin-bottom: var(--tblr-space-md)!important
}
.md\:mb-4_main {
margin-bottom: var(--tblr-space-xl)!important
}
.md\:mb-5 {
margin-bottom: var(--tblr-space-2xl)!important
}
.md\:mb-6 {
margin-bottom: var(--tblr-space-5xl)!important
}
.md\:mb-7 {
margin-bottom: 6.5rem!important
}
.md\:mb-8 {
margin-bottom: 10.5rem!important
}
.md\:mb-n0 {
margin-bottom: 0!important
}
.md\:mb-n1 {
margin-bottom: -var(--tblr-space-2xs)!important
}
.md\:mb-n2 {
margin-bottom: -var(--tblr-space-xs)!important
}
.md\:mb-n3 {
margin-bottom: -var(--tblr-space-md)!important
}
.md\:mb-n4 {
margin-bottom: -var(--tblr-space-xl)!important
}
.md\:mb-n5 {
margin-bottom: -var(--tblr-space-2xl)!important
}
.md\:mb-n6 {
margin-bottom: -var(--tblr-space-5xl)!important
}
.md\:mb-n7 {
margin-bottom: -6.5rem!important
}
.md\:mb-n8 {
margin-bottom: -10.5rem!important
}
.md\:mb-auto {
margin-bottom: auto!important
}
.md\:ml-0 {
margin-left: 0!important
}
.md\:ml-1 {
margin-left: var(--tblr-space-2xs)!important
}
.md\:ml-2 {
margin-left: var(--tblr-space-xs)!important
}
.md\:ml-3_main {
margin-left: var(--tblr-space-md)!important
}
.md\:ml-4 {
margin-left: var(--tblr-space-xl)!important
}
.md\:ml-5 {
margin-left: var(--tblr-space-2xl)!important
}
.md\:ml-6 {
margin-left: var(--tblr-space-5xl)!important
}
.md\:ml-7 {
margin-left: 6.5rem!important
}
.md\:ml-8 {
margin-left: 10.5rem!important
}
.md\:ml-n0 {
margin-left: 0!important
}
.md\:ml-n1 {
margin-left: -var(--tblr-space-2xs)!important
}
.md\:ml-n2 {
margin-left: -var(--tblr-space-xs)!important
}
.md\:ml-n3 {
margin-left: -var(--tblr-space-md)!important
}
.md\:ml-n4 {
margin-left: -var(--tblr-space-xl)!important
}
.md\:ml-n5 {
margin-left: -var(--tblr-space-2xl)!important
}
.md\:ml-n6 {
margin-left: -var(--tblr-space-5xl)!important
}
.md\:ml-n7 {
margin-left: -6.5rem!important
}
.md\:ml-n8 {
margin-left: -10.5rem!important
}
.md\:.ml-auto_main {
margin-left: auto!important
}
.md\:p-0 {
padding: 0!important
}
.md\:p-1 {
padding: var(--tblr-space-2xs)!important
}
.md\:p-2 {
padding: var(--tblr-space-xs)!important
}
.md\:p-3 {
padding: var(--tblr-space-md)!important
}
.md\:p-4 {
padding: var(--tblr-space-xl)!important
}
.md\:p-5 {
padding: var(--tblr-space-2xl)!important
}
.md\:p-6 {
padding: var(--tblr-space-5xl)!important
}
.md\:p-7 {
padding: 6.5rem!important
}
.md\:p-8 {
padding: 10.5rem!important
}
.md\:px-0 {
padding-right: 0!important;
padding-left: 0!important
}
.md\:px-1 {
padding-right: var(--tblr-space-2xs)!important;
padding-left: var(--tblr-space-2xs)!important
}
.md\:px-2 {
padding-right: var(--tblr-space-xs)!important;
padding-left: var(--tblr-space-xs)!important
}
.md\:px-3 {
padding-right: var(--tblr-space-md)!important;
padding-left: var(--tblr-space-md)!important
}
.md\:px-4 {
padding-right: var(--tblr-space-xl)!important;
padding-left: var(--tblr-space-xl)!important
}
.md\:px-5 {
padding-right: var(--tblr-space-2xl)!important;
padding-left: var(--tblr-space-2xl)!important
}
.md\:px-6 {
padding-right: var(--tblr-space-5xl)!important;
padding-left: var(--tblr-space-5xl)!important
}
.md\:px-7 {
padding-right: 6.5rem!important;
padding-left: 6.5rem!important
}
.md\:px-8 {
padding-right: 10.5rem!important;
padding-left: 10.5rem!important
}
.md\:py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.md\:py-1 {
padding-top: var(--tblr-space-2xs)!important;
padding-bottom: var(--tblr-space-2xs)!important
}
.md\:py-2 {
padding-top: var(--tblr-space-xs)!important;
padding-bottom: var(--tblr-space-xs)!important
}
.md\:py-3 {
padding-top: var(--tblr-space-md)!important;
padding-bottom: var(--tblr-space-md)!important
}
.md\:py-4 {
padding-top: var(--tblr-space-xl)!important;
padding-bottom: var(--tblr-space-xl)!important
}
.md\:py-5_main {
padding-top: var(--tblr-space-2xl)!important;
padding-bottom: var(--tblr-space-2xl)!important
}
.md\:py-6_main {
padding-top: var(--tblr-space-5xl)!important;
padding-bottom: var(--tblr-space-5xl)!important
}
.md\:py-7 {
padding-top: 6.5rem!important;
padding-bottom: 6.5rem!important
}
.md\:py-8 {
padding-top: 10.5rem!important;
padding-bottom: 10.5rem!important
}
.md\:pt-0 {
padding-top: 0!important
}
.md\:pt-1 {
padding-top: var(--tblr-space-2xs)!important
}
.md\:pt-2 {
padding-top: var(--tblr-space-xs)!important
}
.md\:pt-3 {
padding-top: var(--tblr-space-md)!important
}
.md\:pt-4 {
padding-top: var(--tblr-space-xl)!important
}
.md\:pt-5 {
padding-top: var(--tblr-space-2xl)!important
}
.md\:pt-6 {
padding-top: var(--tblr-space-5xl)!important
}
.md\:pt-7 {
padding-top: 6.5rem!important
}
.md\:pt-8 {
padding-top: 10.5rem!important
}
.md\:pr-0 {
padding-right: 0!important
}
.md\:pr-1 {
padding-right: var(--tblr-space-2xs)!important
}
.md\:pr-2 {
padding-right: var(--tblr-space-xs)!important
}
.md\:pr-3 {
padding-right: var(--tblr-space-md)!important
}
.md\:pr-4 {
padding-right: var(--tblr-space-xl)!important
}
.md\:pr-5 {
padding-right: var(--tblr-space-2xl)!important
}
.md\:pr-6 {
padding-right: var(--tblr-space-5xl)!important
}
.md\:pr-7 {
padding-right: 6.5rem!important
}
.md\:pr-8 {
padding-right: 10.5rem!important
}
.md\:pb-0 {
padding-bottom: 0!important
}
.md\:pb-1 {
padding-bottom: var(--tblr-space-2xs)!important
}
.md\:pb-2 {
padding-bottom: var(--tblr-space-xs)!important
}
.md\:pb-3 {
padding-bottom: var(--tblr-space-md)!important
}
.md\:pb-4 {
padding-bottom: var(--tblr-space-xl)!important
}
.md\:pb-5 {
padding-bottom: var(--tblr-space-2xl)!important
}
.md\:pb-6 {
padding-bottom: var(--tblr-space-5xl)!important
}
.md\:pb-7 {
padding-bottom: 6.5rem!important
}
.md\:pb-8 {
padding-bottom: 10.5rem!important
}
.md\:pl-0 {
padding-left: 0!important
}
.md\:pl-1 {
padding-left: var(--tblr-space-2xs)!important
}
.md\:pl-2 {
padding-left: var(--tblr-space-xs)!important
}
.md\:pl-3 {
padding-left: var(--tblr-space-md)!important
}
.md\:pl-4 {
padding-left: var(--tblr-space-xl)!important
}
.md\:pl-5 {
padding-left: var(--tblr-space-2xl)!important
}
.md\:pl-6 {
padding-left: var(--tblr-space-5xl)!important
}
.md\:pl-7 {
padding-left: 6.5rem!important
}
.md\:pl-8 {
padding-left: 10.5rem!important
}
}
@media(min-width: 960px) {
.lg_main\:d-none {
display:none!important
}
.lg_main\:d-inline {
display: inline!important
}
.lg_main\:d-inline-block {
display: inline-block!important
}
.lg_main\:d-inline-flex {
display: inline-flex!important
}
.lg_main\:d-block {
display: block!important
}
.lg_main\:d-flex_main {
display: flex!important
}
.lg_main\:d-table-cell {
display: table-cell!important
}
.lg_main\:gap-0 {
gap: 0!important
}
.lg_main\:gap-1 {
gap: var(--tblr-space-2xs)!important
}
.lg_main\:gap-2 {
gap: var(--tblr-space-xs)!important
}
.lg_main\:gap-3 {
gap: var(--tblr-space-md)!important
}
.lg_main\:gap-4 {
gap: var(--tblr-space-xl)!important
}
.lg_main\:gap-5 {
gap: var(--tblr-space-2xl)!important
}
.lg_main\:gap-6 {
gap: var(--tblr-space-5xl)!important
}
.lg_main\:gap-7 {
gap: 6.5rem!important
}
.lg_main\:gap-8 {
gap: 10.5rem!important
}
.lg_main\:text-left_main {
text-align: left!important
}
.lg_main\:text-center_main {
text-align: center!important
}
.lg_main\:text-right_main {
text-align: right!important
}
.lg_main\:flex-fill {
flex: 1 1 auto!important
}
.lg_main\:flex-row {
flex-direction: row!important
}
.lg_main\:flex-column {
flex-direction: column!important
}
.lg_main\:flex-row-reverse {
flex-direction: row-reverse!important
}
.lg_main\:justify-start {
justify-content: flex-start!important
}
.lg_main\:justify-end {
justify-content: flex-end!important
}
.lg_main\:justify-center_main {
justify-content: center!important
}
.lg_main\:justify-between {
justify-content: space-between!important
}
.lg_main\:items-start {
align-items: flex-start!important
}
.lg_main\:items-end {
align-items: flex-end!important
}
.lg_main\:items-center {
align-items: center!important
}
.lg_main\:order-first {
order: -1!important
}
.lg_main\:order-last_main {
order: 6!important
}
.lg_main\:m-0 {
margin: 0!important
}
.lg_main\:m-1 {
margin: var(--tblr-space-2xs)!important
}
.lg_main\:m-2 {
margin: var(--tblr-space-xs)!important
}
.lg_main\:m-3 {
margin: var(--tblr-space-md)!important
}
.lg_main\:m-4 {
margin: var(--tblr-space-xl)!important
}
.lg_main\:m-5 {
margin: var(--tblr-space-2xl)!important
}
.lg_main\:m-6 {
margin: var(--tblr-space-5xl)!important
}
.lg_main\:m-7 {
margin: 6.5rem!important
}
.lg_main\:m-8 {
margin: 10.5rem!important
}
.lg_main\:m-n0 {
margin: 0!important
}
.lg_main\:m-n1 {
margin: -var(--tblr-space-2xs)!important
}
.lg_main\:m-n2 {
margin: -var(--tblr-space-xs)!important
}
.lg_main\:m-n3 {
margin: -var(--tblr-space-md)!important
}
.lg_main\:m-n4 {
margin: -var(--tblr-space-xl)!important
}
.lg_main\:m-n5 {
margin: -var(--tblr-space-2xl)!important
}
.lg_main\:m-n6 {
margin: -var(--tblr-space-5xl)!important
}
.lg_main\:m-n7 {
margin: -6.5rem!important
}
.lg_main\:m-n8 {
margin: -10.5rem!important
}
.lg_main\:m-auto {
margin: auto!important
}
.lg_main\:mx-0 {
margin-right: 0!important;
margin-left: 0!important
}
.lg_main\:mx-1 {
margin-right: var(--tblr-space-2xs)!important;
margin-left: var(--tblr-space-2xs)!important
}
.lg_main\:mx-2 {
margin-right: var(--tblr-space-xs)!important;
margin-left: var(--tblr-space-xs)!important
}
.lg_main\:mx-3 {
margin-right: var(--tblr-space-md)!important;
margin-left: var(--tblr-space-md)!important
}
.lg_main\:mx-4 {
margin-right: var(--tblr-space-xl)!important;
margin-left: var(--tblr-space-xl)!important
}
.lg_main\:mx-5 {
margin-right: var(--tblr-space-2xl)!important;
margin-left: var(--tblr-space-2xl)!important
}
.lg_main\:mx-6 {
margin-right: var(--tblr-space-5xl)!important;
margin-left: var(--tblr-space-5xl)!important
}
.lg_main\:mx-7 {
margin-right: 6.5rem!important;
margin-left: 6.5rem!important
}
.lg_main\:mx-8 {
margin-right: 10.5rem!important;
margin-left: 10.5rem!important
}
.lg_main\:mx-n0 {
margin-right: 0!important;
margin-left: 0!important
}
.lg_main\:mx-n1 {
margin-right: -var(--tblr-space-2xs)!important;
margin-left: -var(--tblr-space-2xs)!important
}
.lg_main\:mx-n2 {
margin-right: -var(--tblr-space-xs)!important;
margin-left: -var(--tblr-space-xs)!important
}
.lg_main\:mx-n3 {
margin-right: -var(--tblr-space-md)!important;
margin-left: -var(--tblr-space-md)!important
}
.lg_main\:mx-n4 {
margin-right: -var(--tblr-space-xl)!important;
margin-left: -var(--tblr-space-xl)!important
}
.lg_main\:mx-n5 {
margin-right: -var(--tblr-space-2xl)!important;
margin-left: -var(--tblr-space-2xl)!important
}
.lg_main\:mx-n6 {
margin-right: -var(--tblr-space-5xl)!important;
margin-left: -var(--tblr-space-5xl)!important
}
.lg_main\:mx-n7 {
margin-right: -6.5rem!important;
margin-left: -6.5rem!important
}
.lg_main\:mx-n8 {
margin-right: -10.5rem!important;
margin-left: -10.5rem!important
}
.lg_main\:mx-auto {
margin-right: auto!important;
margin-left: auto!important
}
.lg_main\:my-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.lg_main\:my-1 {
margin-top: var(--tblr-space-2xs)!important;
margin-bottom: var(--tblr-space-2xs)!important
}
.lg_main\:my-2 {
margin-top: var(--tblr-space-xs)!important;
margin-bottom: var(--tblr-space-xs)!important
}
.lg_main\:my-3 {
margin-top: var(--tblr-space-md)!important;
margin-bottom: var(--tblr-space-md)!important
}
.lg_main\:my-4 {
margin-top: var(--tblr-space-xl)!important;
margin-bottom: var(--tblr-space-xl)!important
}
.lg_main\:my-5 {
margin-top: var(--tblr-space-2xl)!important;
margin-bottom: var(--tblr-space-2xl)!important
}
.lg_main\:my-6 {
margin-top: var(--tblr-space-5xl)!important;
margin-bottom: var(--tblr-space-5xl)!important
}
.lg_main\:my-7 {
margin-top: 6.5rem!important;
margin-bottom: 6.5rem!important
}
.lg_main\:my-8 {
margin-top: 10.5rem!important;
margin-bottom: 10.5rem!important
}
.lg_main\:my-n0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.lg_main\:my-n1 {
margin-top: -var(--tblr-space-2xs)!important;
margin-bottom: -var(--tblr-space-2xs)!important
}
.lg_main\:my-n2 {
margin-top: -var(--tblr-space-xs)!important;
margin-bottom: -var(--tblr-space-xs)!important
}
.lg_main\:my-n3 {
margin-top: -var(--tblr-space-md)!important;
margin-bottom: -var(--tblr-space-md)!important
}
.lg_main\:my-n4 {
margin-top: -var(--tblr-space-xl)!important;
margin-bottom: -var(--tblr-space-xl)!important
}
.lg_main\:my-n5 {
margin-top: -var(--tblr-space-2xl)!important;
margin-bottom: -var(--tblr-space-2xl)!important
}
.lg_main\:my-n6 {
margin-top: -var(--tblr-space-5xl)!important;
margin-bottom: -var(--tblr-space-5xl)!important
}
.lg_main\:my-n7 {
margin-top: -6.5rem!important;
margin-bottom: -6.5rem!important
}
.lg_main\:my-n8 {
margin-top: -10.5rem!important;
margin-bottom: -10.5rem!important
}
.lg_main\:my-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.lg_main\:mt-0 {
margin-top: 0!important
}
.lg_main\:mt-1 {
margin-top: var(--tblr-space-2xs)!important
}
.lg_main\:mt-2 {
margin-top: var(--tblr-space-xs)!important
}
.lg_main\:mt-3 {
margin-top: var(--tblr-space-md)!important
}
.lg_main\:mt-4_main {
margin-top: var(--tblr-space-xl)!important
}
.lg_main\:mt-5 {
margin-top: var(--tblr-space-2xl)!important
}
.lg_main\:mt-6_main {
margin-top: var(--tblr-space-5xl)!important
}
.lg_main\:mt-7 {
margin-top: 6.5rem!important
}
.lg_main\:mt-8 {
margin-top: 10.5rem!important
}
.lg_main\:mt-n0 {
margin-top: 0!important
}
.lg_main\:mt-n1 {
margin-top: -var(--tblr-space-2xs)!important
}
.lg_main\:mt-n2 {
margin-top: -var(--tblr-space-xs)!important
}
.lg_main\:mt-n3 {
margin-top: -var(--tblr-space-md)!important
}
.lg_main\:mt-n4 {
margin-top: -var(--tblr-space-xl)!important
}
.lg_main\:mt-n5 {
margin-top: -var(--tblr-space-2xl)!important
}
.lg_main\:mt-n6 {
margin-top: -var(--tblr-space-5xl)!important
}
.lg_main\:mt-n7 {
margin-top: -6.5rem!important
}
.lg_main\:mt-n8 {
margin-top: -10.5rem!important
}
.lg_main\:mt-auto {
margin-top: auto!important
}
.lg_main\:mr-0 {
margin-right: 0!important
}
.lg_main\:mr-1 {
margin-right: var(--tblr-space-2xs)!important
}
.lg_main\:mr-2 {
margin-right: var(--tblr-space-xs)!important
}
.lg_main\:mr-3 {
margin-right: var(--tblr-space-md)!important
}
.lg_main\:mr-4 {
margin-right: var(--tblr-space-xl)!important
}
.lg_main\:mr-5 {
margin-right: var(--tblr-space-2xl)!important
}
.lg_main\:mr-6 {
margin-right: var(--tblr-space-5xl)!important
}
.lg_main\:mr-7 {
margin-right: 6.5rem!important
}
.lg_main\:mr-8 {
margin-right: 10.5rem!important
}
.lg_main\:mr-n0 {
margin-right: 0!important
}
.lg_main\:mr-n1 {
margin-right: -var(--tblr-space-2xs)!important
}
.lg_main\:mr-n2 {
margin-right: -var(--tblr-space-xs)!important
}
.lg_main\:mr-n3 {
margin-right: -var(--tblr-space-md)!important
}
.lg_main\:mr-n4 {
margin-right: -var(--tblr-space-xl)!important
}
.lg_main\:mr-n5 {
margin-right: -var(--tblr-space-2xl)!important
}
.lg_main\:mr-n6 {
margin-right: -var(--tblr-space-5xl)!important
}
.lg_main\:mr-n7 {
margin-right: -6.5rem!important
}
.lg_main\:mr-n8 {
margin-right: -10.5rem!important
}
.lg_main\:mr-auto {
margin-right: auto!important
}
.lg_main\:mb-0 {
margin-bottom: 0!important
}
.lg_main\:mb-1 {
margin-bottom: var(--tblr-space-2xs)!important
}
.lg_main\:mb-2 {
margin-bottom: var(--tblr-space-xs)!important
}
.lg_main\:mb-3_main {
margin-bottom: var(--tblr-space-md)!important
}
.lg_main\:mb-4_main {
margin-bottom: var(--tblr-space-xl)!important
}
.lg_main\:mb-5 {
margin-bottom: var(--tblr-space-2xl)!important
}
.lg_main\:mb-6 {
margin-bottom: var(--tblr-space-5xl)!important
}
.lg_main\:mb-7 {
margin-bottom: 6.5rem!important
}
.lg_main\:mb-8 {
margin-bottom: 10.5rem!important
}
.lg_main\:mb-n0 {
margin-bottom: 0!important
}
.lg_main\:mb-n1 {
margin-bottom: -var(--tblr-space-2xs)!important
}
.lg_main\:mb-n2 {
margin-bottom: -var(--tblr-space-xs)!important
}
.lg_main\:mb-n3 {
margin-bottom: -var(--tblr-space-md)!important
}
.lg_main\:mb-n4 {
margin-bottom: -var(--tblr-space-xl)!important
}
.lg_main\:mb-n5 {
margin-bottom: -var(--tblr-space-2xl)!important
}
.lg_main\:mb-n6 {
margin-bottom: -var(--tblr-space-5xl)!important
}
.lg_main\:mb-n7 {
margin-bottom: -6.5rem!important
}
.lg_main\:mb-n8 {
margin-bottom: -10.5rem!important
}
.lg_main\:mb-auto {
margin-bottom: auto!important
}
.lg_main\:ml-0 {
margin-left: 0!important
}
.lg_main\:ml-1 {
margin-left: var(--tblr-space-2xs)!important
}
.lg_main\:ml-2 {
margin-left: var(--tblr-space-xs)!important
}
.lg_main\:ml-3_main {
margin-left: var(--tblr-space-md)!important
}
.lg_main\:ml-4 {
margin-left: var(--tblr-space-xl)!important
}
.lg_main\:ml-5 {
margin-left: var(--tblr-space-2xl)!important
}
.lg_main\:ml-6 {
margin-left: var(--tblr-space-5xl)!important
}
.lg_main\:ml-7 {
margin-left: 6.5rem!important
}
.lg_main\:ml-8 {
margin-left: 10.5rem!important
}
.lg_main\:ml-n0 {
margin-left: 0!important
}
.lg_main\:ml-n1 {
margin-left: -var(--tblr-space-2xs)!important
}
.lg_main\:ml-n2 {
margin-left: -var(--tblr-space-xs)!important
}
.lg_main\:ml-n3 {
margin-left: -var(--tblr-space-md)!important
}
.lg_main\:ml-n4 {
margin-left: -var(--tblr-space-xl)!important
}
.lg_main\:ml-n5 {
margin-left: -var(--tblr-space-2xl)!important
}
.lg_main\:ml-n6 {
margin-left: -var(--tblr-space-5xl)!important
}
.lg_main\:ml-n7 {
margin-left: -6.5rem!important
}
.lg_main\:ml-n8 {
margin-left: -10.5rem!important
}
.lg_main\:.ml-auto_main {
margin-left: auto!important
}
.lg_main\:p-0 {
padding: 0!important
}
.lg_main\:p-1 {
padding: var(--tblr-space-2xs)!important
}
.lg_main\:p-2 {
padding: var(--tblr-space-xs)!important
}
.lg_main\:p-3 {
padding: var(--tblr-space-md)!important
}
.lg_main\:p-4 {
padding: var(--tblr-space-xl)!important
}
.lg_main\:p-5 {
padding: var(--tblr-space-2xl)!important
}
.lg_main\:p-6 {
padding: var(--tblr-space-5xl)!important
}
.lg_main\:p-7 {
padding: 6.5rem!important
}
.lg_main\:p-8 {
padding: 10.5rem!important
}
.lg_main\:px-0 {
padding-right: 0!important;
padding-left: 0!important
}
.lg_main\:px-1 {
padding-right: var(--tblr-space-2xs)!important;
padding-left: var(--tblr-space-2xs)!important
}
.lg_main\:px-2 {
padding-right: var(--tblr-space-xs)!important;
padding-left: var(--tblr-space-xs)!important
}
.lg_main\:px-3 {
padding-right: var(--tblr-space-md)!important;
padding-left: var(--tblr-space-md)!important
}
.lg_main\:px-4 {
padding-right: var(--tblr-space-xl)!important;
padding-left: var(--tblr-space-xl)!important
}
.lg_main\:px-5 {
padding-right: var(--tblr-space-2xl)!important;
padding-left: var(--tblr-space-2xl)!important
}
.lg_main\:px-6 {
padding-right: var(--tblr-space-5xl)!important;
padding-left: var(--tblr-space-5xl)!important
}
.lg_main\:px-7 {
padding-right: 6.5rem!important;
padding-left: 6.5rem!important
}
.lg_main\:px-8 {
padding-right: 10.5rem!important;
padding-left: 10.5rem!important
}
.lg_main\:py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.lg_main\:py-1 {
padding-top: var(--tblr-space-2xs)!important;
padding-bottom: var(--tblr-space-2xs)!important
}
.lg_main\:py-2 {
padding-top: var(--tblr-space-xs)!important;
padding-bottom: var(--tblr-space-xs)!important
}
.lg_main\:py-3 {
padding-top: var(--tblr-space-md)!important;
padding-bottom: var(--tblr-space-md)!important
}
.lg_main\:py-4 {
padding-top: var(--tblr-space-xl)!important;
padding-bottom: var(--tblr-space-xl)!important
}
.lg_main\:py-5_main {
padding-top: var(--tblr-space-2xl)!important;
padding-bottom: var(--tblr-space-2xl)!important
}
.lg_main\:py-6_main {
padding-top: var(--tblr-space-5xl)!important;
padding-bottom: var(--tblr-space-5xl)!important
}
.lg_main\:py-7 {
padding-top: 6.5rem!important;
padding-bottom: 6.5rem!important
}
.lg_main\:py-8 {
padding-top: 10.5rem!important;
padding-bottom: 10.5rem!important
}
.lg_main\:pt-0 {
padding-top: 0!important
}
.lg_main\:pt-1 {
padding-top: var(--tblr-space-2xs)!important
}
.lg_main\:pt-2 {
padding-top: var(--tblr-space-xs)!important
}
.lg_main\:pt-3 {
padding-top: var(--tblr-space-md)!important
}
.lg_main\:pt-4 {
padding-top: var(--tblr-space-xl)!important
}
.lg_main\:pt-5 {
padding-top: var(--tblr-space-2xl)!important
}
.lg_main\:pt-6 {
padding-top: var(--tblr-space-5xl)!important
}
.lg_main\:pt-7 {
padding-top: 6.5rem!important
}
.lg_main\:pt-8 {
padding-top: 10.5rem!important
}
.lg_main\:pr-0 {
padding-right: 0!important
}
.lg_main\:pr-1 {
padding-right: var(--tblr-space-2xs)!important
}
.lg_main\:pr-2 {
padding-right: var(--tblr-space-xs)!important
}
.lg_main\:pr-3 {
padding-right: var(--tblr-space-md)!important
}
.lg_main\:pr-4 {
padding-right: var(--tblr-space-xl)!important
}
.lg_main\:pr-5 {
padding-right: var(--tblr-space-2xl)!important
}
.lg_main\:pr-6 {
padding-right: var(--tblr-space-5xl)!important
}
.lg_main\:pr-7 {
padding-right: 6.5rem!important
}
.lg_main\:pr-8 {
padding-right: 10.5rem!important
}
.lg_main\:pb-0 {
padding-bottom: 0!important
}
.lg_main\:pb-1 {
padding-bottom: var(--tblr-space-2xs)!important
}
.lg_main\:pb-2 {
padding-bottom: var(--tblr-space-xs)!important
}
.lg_main\:pb-3 {
padding-bottom: var(--tblr-space-md)!important
}
.lg_main\:pb-4 {
padding-bottom: var(--tblr-space-xl)!important
}
.lg_main\:pb-5 {
padding-bottom: var(--tblr-space-2xl)!important
}
.lg_main\:pb-6 {
padding-bottom: var(--tblr-space-5xl)!important
}
.lg_main\:pb-7 {
padding-bottom: 6.5rem!important
}
.lg_main\:pb-8 {
padding-bottom: 10.5rem!important
}
.lg_main\:pl-0 {
padding-left: 0!important
}
.lg_main\:pl-1 {
padding-left: var(--tblr-space-2xs)!important
}
.lg_main\:pl-2 {
padding-left: var(--tblr-space-xs)!important
}
.lg_main\:pl-3 {
padding-left: var(--tblr-space-md)!important
}
.lg_main\:pl-4 {
padding-left: var(--tblr-space-xl)!important
}
.lg_main\:pl-5 {
padding-left: var(--tblr-space-2xl)!important
}
.lg_main\:pl-6 {
padding-left: var(--tblr-space-5xl)!important
}
.lg_main\:pl-7 {
padding-left: 6.5rem!important
}
.lg_main\:pl-8 {
padding-left: 10.5rem!important
}
}
@media(min-width: 1280px) {
.xl_main\:d-none {
display:none!important
}
.xl_main\:d-inline {
display: inline!important
}
.xl_main\:d-inline-block {
display: inline-block!important
}
.xl_main\:d-inline-flex {
display: inline-flex!important
}
.xl_main\:d-block {
display: block!important
}
.xl_main\:d-flex_main {
display: flex!important
}
.xl_main\:d-table-cell {
display: table-cell!important
}
.xl_main\:gap-0 {
gap: 0!important
}
.xl_main\:gap-1 {
gap: var(--tblr-space-2xs)!important
}
.xl_main\:gap-2 {
gap: var(--tblr-space-xs)!important
}
.xl_main\:gap-3 {
gap: var(--tblr-space-md)!important
}
.xl_main\:gap-4 {
gap: var(--tblr-space-xl)!important
}
.xl_main\:gap-5 {
gap: var(--tblr-space-2xl)!important
}
.xl_main\:gap-6 {
gap: var(--tblr-space-5xl)!important
}
.xl_main\:gap-7 {
gap: 6.5rem!important
}
.xl_main\:gap-8 {
gap: 10.5rem!important
}
.xl_main\:text-left_main {
text-align: left!important
}
.xl_main\:text-center_main {
text-align: center!important
}
.xl_main\:text-right_main {
text-align: right!important
}
.xl_main\:flex-fill {
flex: 1 1 auto!important
}
.xl_main\:flex-row {
flex-direction: row!important
}
.xl_main\:flex-column {
flex-direction: column!important
}
.xl_main\:flex-row-reverse {
flex-direction: row-reverse!important
}
.xl_main\:justify-start {
justify-content: flex-start!important
}
.xl_main\:justify-end {
justify-content: flex-end!important
}
.xl_main\:justify-center_main {
justify-content: center!important
}
.xl_main\:justify-between {
justify-content: space-between!important
}
.xl_main\:items-start {
align-items: flex-start!important
}
.xl_main\:items-end {
align-items: flex-end!important
}
.xl_main\:items-center {
align-items: center!important
}
.xl_main\:order-first {
order: -1!important
}
.xl_main\:order-last_main {
order: 6!important
}
.xl_main\:m-0 {
margin: 0!important
}
.xl_main\:m-1 {
margin: var(--tblr-space-2xs)!important
}
.xl_main\:m-2 {
margin: var(--tblr-space-xs)!important
}
.xl_main\:m-3 {
margin: var(--tblr-space-md)!important
}
.xl_main\:m-4 {
margin: var(--tblr-space-xl)!important
}
.xl_main\:m-5 {
margin: var(--tblr-space-2xl)!important
}
.xl_main\:m-6 {
margin: var(--tblr-space-5xl)!important
}
.xl_main\:m-7 {
margin: 6.5rem!important
}
.xl_main\:m-8 {
margin: 10.5rem!important
}
.xl_main\:m-n0 {
margin: 0!important
}
.xl_main\:m-n1 {
margin: -var(--tblr-space-2xs)!important
}
.xl_main\:m-n2 {
margin: -var(--tblr-space-xs)!important
}
.xl_main\:m-n3 {
margin: -var(--tblr-space-md)!important
}
.xl_main\:m-n4 {
margin: -var(--tblr-space-xl)!important
}
.xl_main\:m-n5 {
margin: -var(--tblr-space-2xl)!important
}
.xl_main\:m-n6 {
margin: -var(--tblr-space-5xl)!important
}
.xl_main\:m-n7 {
margin: -6.5rem!important
}
.xl_main\:m-n8 {
margin: -10.5rem!important
}
.xl_main\:m-auto {
margin: auto!important
}
.xl_main\:mx-0 {
margin-right: 0!important;
margin-left: 0!important
}
.xl_main\:mx-1 {
margin-right: var(--tblr-space-2xs)!important;
margin-left: var(--tblr-space-2xs)!important
}
.xl_main\:mx-2 {
margin-right: var(--tblr-space-xs)!important;
margin-left: var(--tblr-space-xs)!important
}
.xl_main\:mx-3 {
margin-right: var(--tblr-space-md)!important;
margin-left: var(--tblr-space-md)!important
}
.xl_main\:mx-4 {
margin-right: var(--tblr-space-xl)!important;
margin-left: var(--tblr-space-xl)!important
}
.xl_main\:mx-5 {
margin-right: var(--tblr-space-2xl)!important;
margin-left: var(--tblr-space-2xl)!important
}
.xl_main\:mx-6 {
margin-right: var(--tblr-space-5xl)!important;
margin-left: var(--tblr-space-5xl)!important
}
.xl_main\:mx-7 {
margin-right: 6.5rem!important;
margin-left: 6.5rem!important
}
.xl_main\:mx-8 {
margin-right: 10.5rem!important;
margin-left: 10.5rem!important
}
.xl_main\:mx-n0 {
margin-right: 0!important;
margin-left: 0!important
}
.xl_main\:mx-n1 {
margin-right: -var(--tblr-space-2xs)!important;
margin-left: -var(--tblr-space-2xs)!important
}
.xl_main\:mx-n2 {
margin-right: -var(--tblr-space-xs)!important;
margin-left: -var(--tblr-space-xs)!important
}
.xl_main\:mx-n3 {
margin-right: -var(--tblr-space-md)!important;
margin-left: -var(--tblr-space-md)!important
}
.xl_main\:mx-n4 {
margin-right: -var(--tblr-space-xl)!important;
margin-left: -var(--tblr-space-xl)!important
}
.xl_main\:mx-n5 {
margin-right: -var(--tblr-space-2xl)!important;
margin-left: -var(--tblr-space-2xl)!important
}
.xl_main\:mx-n6 {
margin-right: -var(--tblr-space-5xl)!important;
margin-left: -var(--tblr-space-5xl)!important
}
.xl_main\:mx-n7 {
margin-right: -6.5rem!important;
margin-left: -6.5rem!important
}
.xl_main\:mx-n8 {
margin-right: -10.5rem!important;
margin-left: -10.5rem!important
}
.xl_main\:mx-auto {
margin-right: auto!important;
margin-left: auto!important
}
.xl_main\:my-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.xl_main\:my-1 {
margin-top: var(--tblr-space-2xs)!important;
margin-bottom: var(--tblr-space-2xs)!important
}
.xl_main\:my-2 {
margin-top: var(--tblr-space-xs)!important;
margin-bottom: var(--tblr-space-xs)!important
}
.xl_main\:my-3 {
margin-top: var(--tblr-space-md)!important;
margin-bottom: var(--tblr-space-md)!important
}
.xl_main\:my-4 {
margin-top: var(--tblr-space-xl)!important;
margin-bottom: var(--tblr-space-xl)!important
}
.xl_main\:my-5 {
margin-top: var(--tblr-space-2xl)!important;
margin-bottom: var(--tblr-space-2xl)!important
}
.xl_main\:my-6 {
margin-top: var(--tblr-space-5xl)!important;
margin-bottom: var(--tblr-space-5xl)!important
}
.xl_main\:my-7 {
margin-top: 6.5rem!important;
margin-bottom: 6.5rem!important
}
.xl_main\:my-8 {
margin-top: 10.5rem!important;
margin-bottom: 10.5rem!important
}
.xl_main\:my-n0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.xl_main\:my-n1 {
margin-top: -var(--tblr-space-2xs)!important;
margin-bottom: -var(--tblr-space-2xs)!important
}
.xl_main\:my-n2 {
margin-top: -var(--tblr-space-xs)!important;
margin-bottom: -var(--tblr-space-xs)!important
}
.xl_main\:my-n3 {
margin-top: -var(--tblr-space-md)!important;
margin-bottom: -var(--tblr-space-md)!important
}
.xl_main\:my-n4 {
margin-top: -var(--tblr-space-xl)!important;
margin-bottom: -var(--tblr-space-xl)!important
}
.xl_main\:my-n5 {
margin-top: -var(--tblr-space-2xl)!important;
margin-bottom: -var(--tblr-space-2xl)!important
}
.xl_main\:my-n6 {
margin-top: -var(--tblr-space-5xl)!important;
margin-bottom: -var(--tblr-space-5xl)!important
}
.xl_main\:my-n7 {
margin-top: -6.5rem!important;
margin-bottom: -6.5rem!important
}
.xl_main\:my-n8 {
margin-top: -10.5rem!important;
margin-bottom: -10.5rem!important
}
.xl_main\:my-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.xl_main\:mt-0 {
margin-top: 0!important
}
.xl_main\:mt-1 {
margin-top: var(--tblr-space-2xs)!important
}
.xl_main\:mt-2 {
margin-top: var(--tblr-space-xs)!important
}
.xl_main\:mt-3 {
margin-top: var(--tblr-space-md)!important
}
.xl_main\:mt-4_main {
margin-top: var(--tblr-space-xl)!important
}
.xl_main\:mt-5 {
margin-top: var(--tblr-space-2xl)!important
}
.xl_main\:mt-6_main {
margin-top: var(--tblr-space-5xl)!important
}
.xl_main\:mt-7 {
margin-top: 6.5rem!important
}
.xl_main\:mt-8 {
margin-top: 10.5rem!important
}
.xl_main\:mt-n0 {
margin-top: 0!important
}
.xl_main\:mt-n1 {
margin-top: -var(--tblr-space-2xs)!important
}
.xl_main\:mt-n2 {
margin-top: -var(--tblr-space-xs)!important
}
.xl_main\:mt-n3 {
margin-top: -var(--tblr-space-md)!important
}
.xl_main\:mt-n4 {
margin-top: -var(--tblr-space-xl)!important
}
.xl_main\:mt-n5 {
margin-top: -var(--tblr-space-2xl)!important
}
.xl_main\:mt-n6 {
margin-top: -var(--tblr-space-5xl)!important
}
.xl_main\:mt-n7 {
margin-top: -6.5rem!important
}
.xl_main\:mt-n8 {
margin-top: -10.5rem!important
}
.xl_main\:mt-auto {
margin-top: auto!important
}
.xl_main\:mr-0 {
margin-right: 0!important
}
.xl_main\:mr-1 {
margin-right: var(--tblr-space-2xs)!important
}
.xl_main\:mr-2 {
margin-right: var(--tblr-space-xs)!important
}
.xl_main\:mr-3 {
margin-right: var(--tblr-space-md)!important
}
.xl_main\:mr-4 {
margin-right: var(--tblr-space-xl)!important
}
.xl_main\:mr-5 {
margin-right: var(--tblr-space-2xl)!important
}
.xl_main\:mr-6 {
margin-right: var(--tblr-space-5xl)!important
}
.xl_main\:mr-7 {
margin-right: 6.5rem!important
}
.xl_main\:mr-8 {
margin-right: 10.5rem!important
}
.xl_main\:mr-n0 {
margin-right: 0!important
}
.xl_main\:mr-n1 {
margin-right: -var(--tblr-space-2xs)!important
}
.xl_main\:mr-n2 {
margin-right: -var(--tblr-space-xs)!important
}
.xl_main\:mr-n3 {
margin-right: -var(--tblr-space-md)!important
}
.xl_main\:mr-n4 {
margin-right: -var(--tblr-space-xl)!important
}
.xl_main\:mr-n5 {
margin-right: -var(--tblr-space-2xl)!important
}
.xl_main\:mr-n6 {
margin-right: -var(--tblr-space-5xl)!important
}
.xl_main\:mr-n7 {
margin-right: -6.5rem!important
}
.xl_main\:mr-n8 {
margin-right: -10.5rem!important
}
.xl_main\:mr-auto {
margin-right: auto!important
}
.xl_main\:mb-0 {
margin-bottom: 0!important
}
.xl_main\:mb-1 {
margin-bottom: var(--tblr-space-2xs)!important
}
.xl_main\:mb-2 {
margin-bottom: var(--tblr-space-xs)!important
}
.xl_main\:mb-3_main {
margin-bottom: var(--tblr-space-md)!important
}
.xl_main\:mb-4_main {
margin-bottom: var(--tblr-space-xl)!important
}
.xl_main\:mb-5 {
margin-bottom: var(--tblr-space-2xl)!important
}
.xl_main\:mb-6 {
margin-bottom: var(--tblr-space-5xl)!important
}
.xl_main\:mb-7 {
margin-bottom: 6.5rem!important
}
.xl_main\:mb-8 {
margin-bottom: 10.5rem!important
}
.xl_main\:mb-n0 {
margin-bottom: 0!important
}
.xl_main\:mb-n1 {
margin-bottom: -var(--tblr-space-2xs)!important
}
.xl_main\:mb-n2 {
margin-bottom: -var(--tblr-space-xs)!important
}
.xl_main\:mb-n3 {
margin-bottom: -var(--tblr-space-md)!important
}
.xl_main\:mb-n4 {
margin-bottom: -var(--tblr-space-xl)!important
}
.xl_main\:mb-n5 {
margin-bottom: -var(--tblr-space-2xl)!important
}
.xl_main\:mb-n6 {
margin-bottom: -var(--tblr-space-5xl)!important
}
.xl_main\:mb-n7 {
margin-bottom: -6.5rem!important
}
.xl_main\:mb-n8 {
margin-bottom: -10.5rem!important
}
.xl_main\:mb-auto {
margin-bottom: auto!important
}
.xl_main\:ml-0 {
margin-left: 0!important
}
.xl_main\:ml-1 {
margin-left: var(--tblr-space-2xs)!important
}
.xl_main\:ml-2 {
margin-left: var(--tblr-space-xs)!important
}
.xl_main\:ml-3_main {
margin-left: var(--tblr-space-md)!important
}
.xl_main\:ml-4 {
margin-left: var(--tblr-space-xl)!important
}
.xl_main\:ml-5 {
margin-left: var(--tblr-space-2xl)!important
}
.xl_main\:ml-6 {
margin-left: var(--tblr-space-5xl)!important
}
.xl_main\:ml-7 {
margin-left: 6.5rem!important
}
.xl_main\:ml-8 {
margin-left: 10.5rem!important
}
.xl_main\:ml-n0 {
margin-left: 0!important
}
.xl_main\:ml-n1 {
margin-left: -var(--tblr-space-2xs)!important
}
.xl_main\:ml-n2 {
margin-left: -var(--tblr-space-xs)!important
}
.xl_main\:ml-n3 {
margin-left: -var(--tblr-space-md)!important
}
.xl_main\:ml-n4 {
margin-left: -var(--tblr-space-xl)!important
}
.xl_main\:ml-n5 {
margin-left: -var(--tblr-space-2xl)!important
}
.xl_main\:ml-n6 {
margin-left: -var(--tblr-space-5xl)!important
}
.xl_main\:ml-n7 {
margin-left: -6.5rem!important
}
.xl_main\:ml-n8 {
margin-left: -10.5rem!important
}
.xl_main\:.ml-auto_main {
margin-left: auto!important
}
.xl_main\:p-0 {
padding: 0!important
}
.xl_main\:p-1 {
padding: var(--tblr-space-2xs)!important
}
.xl_main\:p-2 {
padding: var(--tblr-space-xs)!important
}
.xl_main\:p-3 {
padding: var(--tblr-space-md)!important
}
.xl_main\:p-4 {
padding: var(--tblr-space-xl)!important
}
.xl_main\:p-5 {
padding: var(--tblr-space-2xl)!important
}
.xl_main\:p-6 {
padding: var(--tblr-space-5xl)!important
}
.xl_main\:p-7 {
padding: 6.5rem!important
}
.xl_main\:p-8 {
padding: 10.5rem!important
}
.xl_main\:px-0 {
padding-right: 0!important;
padding-left: 0!important
}
.xl_main\:px-1 {
padding-right: var(--tblr-space-2xs)!important;
padding-left: var(--tblr-space-2xs)!important
}
.xl_main\:px-2 {
padding-right: var(--tblr-space-xs)!important;
padding-left: var(--tblr-space-xs)!important
}
.xl_main\:px-3 {
padding-right: var(--tblr-space-md)!important;
padding-left: var(--tblr-space-md)!important
}
.xl_main\:px-4 {
padding-right: var(--tblr-space-xl)!important;
padding-left: var(--tblr-space-xl)!important
}
.xl_main\:px-5 {
padding-right: var(--tblr-space-2xl)!important;
padding-left: var(--tblr-space-2xl)!important
}
.xl_main\:px-6 {
padding-right: var(--tblr-space-5xl)!important;
padding-left: var(--tblr-space-5xl)!important
}
.xl_main\:px-7 {
padding-right: 6.5rem!important;
padding-left: 6.5rem!important
}
.xl_main\:px-8 {
padding-right: 10.5rem!important;
padding-left: 10.5rem!important
}
.xl_main\:py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.xl_main\:py-1 {
padding-top: var(--tblr-space-2xs)!important;
padding-bottom: var(--tblr-space-2xs)!important
}
.xl_main\:py-2 {
padding-top: var(--tblr-space-xs)!important;
padding-bottom: var(--tblr-space-xs)!important
}
.xl_main\:py-3 {
padding-top: var(--tblr-space-md)!important;
padding-bottom: var(--tblr-space-md)!important
}
.xl_main\:py-4 {
padding-top: var(--tblr-space-xl)!important;
padding-bottom: var(--tblr-space-xl)!important
}
.xl_main\:py-5_main {
padding-top: var(--tblr-space-2xl)!important;
padding-bottom: var(--tblr-space-2xl)!important
}
.xl_main\:py-6_main {
padding-top: var(--tblr-space-5xl)!important;
padding-bottom: var(--tblr-space-5xl)!important
}
.xl_main\:py-7 {
padding-top: 6.5rem!important;
padding-bottom: 6.5rem!important
}
.xl_main\:py-8 {
padding-top: 10.5rem!important;
padding-bottom: 10.5rem!important
}
.xl_main\:pt-0 {
padding-top: 0!important
}
.xl_main\:pt-1 {
padding-top: var(--tblr-space-2xs)!important
}
.xl_main\:pt-2 {
padding-top: var(--tblr-space-xs)!important
}
.xl_main\:pt-3 {
padding-top: var(--tblr-space-md)!important
}
.xl_main\:pt-4 {
padding-top: var(--tblr-space-xl)!important
}
.xl_main\:pt-5 {
padding-top: var(--tblr-space-2xl)!important
}
.xl_main\:pt-6 {
padding-top: var(--tblr-space-5xl)!important
}
.xl_main\:pt-7 {
padding-top: 6.5rem!important
}
.xl_main\:pt-8 {
padding-top: 10.5rem!important
}
.xl_main\:pr-0 {
padding-right: 0!important
}
.xl_main\:pr-1 {
padding-right: var(--tblr-space-2xs)!important
}
.xl_main\:pr-2 {
padding-right: var(--tblr-space-xs)!important
}
.xl_main\:pr-3 {
padding-right: var(--tblr-space-md)!important
}
.xl_main\:pr-4 {
padding-right: var(--tblr-space-xl)!important
}
.xl_main\:pr-5 {
padding-right: var(--tblr-space-2xl)!important
}
.xl_main\:pr-6 {
padding-right: var(--tblr-space-5xl)!important
}
.xl_main\:pr-7 {
padding-right: 6.5rem!important
}
.xl_main\:pr-8 {
padding-right: 10.5rem!important
}
.xl_main\:pb-0 {
padding-bottom: 0!important
}
.xl_main\:pb-1 {
padding-bottom: var(--tblr-space-2xs)!important
}
.xl_main\:pb-2 {
padding-bottom: var(--tblr-space-xs)!important
}
.xl_main\:pb-3 {
padding-bottom: var(--tblr-space-md)!important
}
.xl_main\:pb-4 {
padding-bottom: var(--tblr-space-xl)!important
}
.xl_main\:pb-5 {
padding-bottom: var(--tblr-space-2xl)!important
}
.xl_main\:pb-6 {
padding-bottom: var(--tblr-space-5xl)!important
}
.xl_main\:pb-7 {
padding-bottom: 6.5rem!important
}
.xl_main\:pb-8 {
padding-bottom: 10.5rem!important
}
.xl_main\:pl-0 {
padding-left: 0!important
}
.xl_main\:pl-1 {
padding-left: var(--tblr-space-2xs)!important
}
.xl_main\:pl-2 {
padding-left: var(--tblr-space-xs)!important
}
.xl_main\:pl-3 {
padding-left: var(--tblr-space-md)!important
}
.xl_main\:pl-4 {
padding-left: var(--tblr-space-xl)!important
}
.xl_main\:pl-5 {
padding-left: var(--tblr-space-2xl)!important
}
.xl_main\:pl-6 {
padding-left: var(--tblr-space-5xl)!important
}
.xl_main\:pl-7 {
padding-left: 6.5rem!important
}
.xl_main\:pl-8 {
padding-left: 10.5rem!important
}
}
@media print {
.print\:d-none {
display: none!important
}
.print\:d-inline {
display: inline!important
}
.print\:d-inline-block {
display: inline-block!important
}
.print\:d-inline-flex {
display: inline-flex!important
}
.print\:d-block {
display: block!important
}
.print\:d-flex_main {
display: flex!important
}
.print\:d-table-cell {
display: table-cell!important
}
}
@keyframes float {
0%,to {
transform: translateY(0)
}
50% {
transform: translateY(-3%)
}
}
.animate-float {
animation: float 3s ease-in-out infinite
}
.glide {
position: relative;
width: 100%;
box-sizing: border-box
}
.glide * {
box-sizing: inherit
}
.glide__slides,.glide__track {
overflow: hidden
}
.glide__slides {
position: relative;
width: 100%;
list-style: none;
backface-visibility: hidden;
transform-style: preserve-3d;
touch-action: pan-Y;
margin: 0;
padding: 0;
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
will-change: transform
}
.glide__slide,.glide__slides--dragging {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.glide__slide {
width: 100%;
height: 100%;
flex-shrink: 0;
white-space: normal;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.glide__slide a {
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
-moz-user-select: none;
-ms-user-select: none
}
.glide__arrows,.glide__bullets {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.glide--rtl {
direction: rtl
}
.glide__arrow {
position: absolute;
top: 50%;
left: 0;
background: transparent;
margin-top: -1.5rem;
color: var(--tblr-color-text-secondary);
opacity: .25;
cursor: pointer;
transition: var(--tblr-transition-opacity)
}
.glide__arrow:hover {
opacity: 1
}
.glide__arrow svg {
height: var(--tblr-space-4xl);
width: var(--tblr-space-4xl);
stroke-width: 1
}
.glide__arrow--next {
left: auto;
right: 0
}
:root {
--docsearch-primary-color: var(--tblr-color-accent);
--docsearch-muted-color: var(--tblr-color-text-secondary);
--docsearch-text-color: var(--tblr-color-text-primary);
--docsearch-spacing: var(--tblr-space-md);
--docsearch-hit-color: var(--tblr-color-text-secondary);
--docsearch-hit-background: transparent!important;
--docsearch-hit-active-color: var(--tblr-color-text-primary);
--docsearch-highlight-color: var(--tblr-color-text-secondary);
--docsearch-hit-shadow: none;
--docsearch-hit-height: auto;
--docsearch-container-background: rgba(59,69,78,.4);
--docsearch-modal-background: var(--tblr-color-background-primary)!important;
--docsearch-modal-shadow: 0 20px 40px 0 rgba(59,69,78,.1),0 0 2px 0 rgba(59,69,78,.06);
--docsearch-footer-background: var(--tblr-color-background-primary)!important;
--docsearch-footer-shadow: 0px -1px 0 0px var(--tblr-stroke-color-secondary)!important;
--docsearch-searchbox-focus-background: var(--tblr-color-background-secondary)!important;
--docsearch-searchbox-shadow: inset 0 0 0 1px var(--tblr-stroke-color-primary);
--docsearch-searchbox-height: var(--tblr-space-4xl);
--docsearch-key-shadow: none;
--docsearch-key-gradient: var(--tblr-color-background-secondary)
}
.DocSearch-Dropdown {
padding: 0 var(--docsearch-spacing) var(--docsearch-spacing)
}
.DocSearch-Container {
-webkit-backdrop-filter: var(--tblr-filter-blur-sm);
backdrop-filter: var(--tblr-filter-blur-sm)
}
.DocSearch-Input {
font-size: inherit
}
.DocSearch-SearchBar {
padding: var(--docsearch-spacing)
}
.DocSearch-MagnifierLabel {
color: var(--docsearch-muted-color)
}
.DocSearch-Hit-source {
color: var(--tblr-color-text-primary);
padding: 0;
margin: 0
}
.DocSearch-Hit[aria-selected=true] a {
background: var(--tblr-color-background-secondary);
color: var(--tblr-color-text-primary)
}
.DocSearch-Hit-icon {
display: none
}
.DocSearch-Hit-action-button {
color: var(--color-muted-light)
}
.DocSearch-Hit-Container {
padding: var(--tblr-space-xs) 0
}
.DocSearch-Hit-content-wrapper {
font-weight: 400;
margin-left: 0
}
.DocSearch-Hit-Tree,.DocSearch-HitsFooter {
display: none
}
.DocSearch-Title {
margin: 0
}
.DocSearch-NoResults-Prefill-List {
display: none
}
body {
--yarl__color_backdrop: rgba(59,69,78,.4);
--yarl__color_button: var(--tblr-color-text-on-dark);
--yarl__button_filter: none;
--yarl__thumbnails_thumbnail_background: #fff
}
.yarl__container {
-webkit-backdrop-filter: var(--tblr-filter-blur-sm);
backdrop-filter: var(--tblr-filter-blur-sm)
}
.img-dark {
display: none!important
}
[data-theme=dark] .logo-autodark_main {
background: url(/static/img/logo_dark.svg) no-repeat 0/auto 2.5rem;
}
[data-theme=dark] .img-light {
display: none!important
}
[data-theme=dark] .img-dark {
display: block!important
}
@media(prefers-color-scheme: dark) {
[data-theme=system] .logo-autodark_main {
filter:invert(1) brightness(10)
}
[data-theme=system] .img-light {
display: none!important
}
[data-theme=system] .img-dark {
display: block!important
}
}
.card {
--tblr-card-spacer-y: 1rem;
--tblr-card-spacer-x: 1.25rem;
--tblr-card-title-spacer-y: 1.25rem;
--tblr-card-border-width: var(--tblr-border-width);
--tblr-card-border-color: var(--tblr-border-color-translucent);
--tblr-card-border-radius: var(--tblr-border-radius);
--tblr-card-box-shadow: var(--tblr-shadow-card);
--tblr-card-inner-border-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)));
--tblr-card-cap-padding-y: 1rem;
--tblr-card-cap-padding-x: 1.25rem;
--tblr-card-cap-bg: var(--tblr-bg-surface-tertiary);
--tblr-card-cap-color: inherit;
--tblr-card-color: inherit;
--tblr-card-bg: var(--tblr-bg-surface);
--tblr-card-img-overlay-padding: 1rem;
--tblr-card-group-margin: 1.5rem;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: var(--tblr-card-height);
color: var(--tblr-body-color);
word-wrap: break-word;
background-color: var(--tblr-card-bg);
background-clip: border-box;
border: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
border-radius: var(--tblr-card-border-radius);
box-shadow: var(--tblr-card-box-shadow)
}
.card-body {
flex: 1 1 auto;
padding: var(--tblr-card-spacer-y) var(--tblr-card-spacer-x);
color: var(--tblr-card-color)
}
.card-title {
margin-bottom: var(--tblr-card-title-spacer-y);
color: var(--tblr-card-title-color)
}
.card-stamp {
--tblr-stamp-size: 7rem;
position: absolute;
top: 0;
right: 0;
width: calc(var(--tblr-stamp-size) * 1);
height: calc(var(--tblr-stamp-size) * 1);
max-height: 100%;
border-top-right-radius: 4px;
opacity: .2;
overflow: hidden;
pointer-events: none
}
.card-stamp-icon {
background: var(--tblr-secondary);
color: var(--tblr-card-bg,var(--tblr-bg-surface));
display: flex;
align-items: center;
justify-content: center;
border-radius: 100rem;
width: calc(var(--tblr-stamp-size) * 1);
height: calc(var(--tblr-stamp-size) * 1);
position: relative;
top: calc(var(--tblr-stamp-size) * -.25);
right: calc(var(--tblr-stamp-size) * -.25);
font-size: calc(var(--tblr-stamp-size) * .75);
transform: rotate(10deg)
}
.card-stamp-icon {
stroke-width: 2;
width: calc(var(--tblr-stamp-size) * .75);
height: calc(var(--tblr-stamp-size) * .75)
}
.bg-primary {
--tblr-bg-opacity: 1;
background-color: rgba(var(--tblr-primary-rgb),var(--tblr-bg-opacity))!important
}
.text-primary-fg {
color: var(--tblr-primary-fg)!important
}
.bg-white {
--tblr-bg-opacity: 1;
background-color: rgba(var(--tblr-white-rgb),var(--tblr-bg-opacity))!important
}
.text-primary {
--tblr-text-opacity: 1;
color: rgba(var(--tblr-primary-rgb),var(--tblr-text-opacity))!important
}
.navbar_main .dropdown-menu_main {
position: absolute;
z-index: 1030
}
.navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
margin-left: auto
}
.dropdown-menu-columns {
display: flex;
flex: 0 .25rem
}
.d-md-none {
display: none!important
}
.dropdown-menu-columns {
display: flex;
flex: 0 .25rem
}
.dropdown-item {
display: block;
width: 100%;
padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
clear: both;
font-weight: 400;
color: var(--tblr-dropdown-link-color);
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 3px solid transparent;
border-radius: var(--tblr-dropdown-item-border-radius,0)
}
.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu-columns {
flex-direction: column}
.navbar-menu_main {
justify-content: space-between;
display: flex;
gap: var(--tblr-space-xl);
align-items: center;
padding: 10px;
}
.dropdown-content_main {
display: none;
position: absolute;
top: 100%;
left: 0;
min-width: 160px;
z-index: 110;
box-shadow: 0 0 0 1px var(--tblr-stroke-color-primary),0 .375rem 1.25rem calc(-1*var(--tblr-space-2xs)) rgba(59,69,78,.06);
background-color: var(--color-bg-rgb);
}
.dropdown-content_main a {
display: block;
color: var(--tblr-color-text-secondary);
padding: 12px 16px;
text-decoration: none;
background-color: var(--tblr-color-background-secondary);
}
.navbar-link_main:hover .dropdown-content_main {
display: block;
}